/* Synced from ReforgeLicenseServer/wwwroot/shared/carbon/ - keep in sync manually */
/* ==========================================================================
   Soft Carbon — Design Tokens
   IBM Carbon v11 role tokens (values verified against @carbon/themes),
   softened with a Reforge radius scale. Theme scoping is attribute-based so
   dark islands nest natively inside a light page:

     <html data-carbon-theme="light">        light page
       <section data-carbon-theme="dark">    dark hero island
       <footer data-carbon-theme="dark-alt">  dark footer island

   Themes: light / light-alt (light) · dark / dark-alt (dark).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Static scales — theme-independent
   -------------------------------------------------------------------------- */
:root {
  /* Spacing (Carbon spacing-01..13) */
  --cds-spacing-01: 0.125rem;  /*   2px */
  --cds-spacing-02: 0.25rem;   /*   4px */
  --cds-spacing-03: 0.5rem;    /*   8px */
  --cds-spacing-04: 0.75rem;   /*  12px */
  --cds-spacing-05: 1rem;      /*  16px */
  --cds-spacing-06: 1.5rem;    /*  24px */
  --cds-spacing-07: 2rem;      /*  32px */
  --cds-spacing-08: 2.5rem;    /*  40px */
  --cds-spacing-09: 3rem;      /*  48px */
  --cds-spacing-10: 4rem;      /*  64px */
  --cds-spacing-11: 5rem;      /*  80px */
  --cds-spacing-12: 6rem;      /*  96px */
  --cds-spacing-13: 10rem;     /* 160px */

  /* Container heights (Carbon container-01..05) */
  --cds-container-01: 1.5rem;  /* 24px */
  --cds-container-02: 2rem;    /* 32px */
  --cds-container-03: 2.5rem;  /* 40px */
  --cds-container-04: 3rem;    /* 48px */
  --cds-container-05: 4rem;    /* 64px */

  /* Soft Carbon radius scale — deliberate deviation from Carbon's 0px.
     Dense product chrome stays 0-4px; 8-12px reserved for marketing warmth. */
  --radius-none: 0;
  --radius-sm: 4px;    /* buttons, inputs, dropdowns, menus, notifications */
  --radius-md: 8px;    /* cards, tiles, modals, popovers */
  --radius-lg: 12px;   /* hero media, large marketing panels */
  --radius-pill: 999px; /* tags, badges, toggles */

  /* Motion (Carbon @carbon/motion) */
  --cds-duration-fast-01: 70ms;
  --cds-duration-fast-02: 110ms;
  --cds-duration-moderate-01: 150ms;
  --cds-duration-moderate-02: 240ms;
  --cds-duration-slow-01: 400ms;
  --cds-duration-slow-02: 700ms;
  --cds-easing-productive: cubic-bezier(0.2, 0, 0.38, 0.9);
  --cds-easing-productive-entrance: cubic-bezier(0, 0, 0.38, 0.9);
  --cds-easing-productive-exit: cubic-bezier(0.2, 0, 1, 0.9);
  --cds-easing-expressive: cubic-bezier(0.4, 0.14, 0.3, 1);
  --cds-easing-expressive-entrance: cubic-bezier(0, 0, 0.3, 1);
  --cds-easing-expressive-exit: cubic-bezier(0.4, 0.14, 1, 1);

  /* Reforge brand — marketing moments only (logo, hero accent word,
     select highlights). NOT for interactive elements: those are Carbon blue.
     --brand-gold reads well on dark surfaces; --brand-gold-deep is the
     WCAG-safe equivalent for text on light surfaces (5.2:1 on white). */
  --brand-gold: #ffb784;  /* warm palette: orange-30, 8.9:1 on the dark hero */
  --brand-gold-deep: #8a6d1e;
}

/* --------------------------------------------------------------------------
   White theme (marketing site default)
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   LIGHT - Page ground. Warm Gray 10 with white cards.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   LIGHT - Page ground. Warm Gray 10 with white cards.
   -------------------------------------------------------------------------- */
:root,
[data-carbon-theme='light'] {
  color-scheme: light;

  --cds-background: #f7f3f2;
  --cds-background-hover: rgba(141, 137, 137, 0.12);
  --cds-background-active: rgba(141, 137, 137, 0.5);
  --cds-background-selected: rgba(141, 137, 137, 0.2);

  --cds-layer-01: #ffffff;
  --cds-layer-02: #f7f3f2;
  --cds-layer-03: #ffffff;
  --cds-layer-hover-01: #e5e0df;
  --cds-layer-hover-02: #e5e0df;
  --cds-layer-selected-01: #cac5c4;
  --cds-layer-accent-01: #cac5c4;

  --cds-field-01: #ffffff;
  --cds-field-02: #ffffff;
  --cds-field-hover-01: #e5e0df;

  --cds-border-subtle: #e5e0df;
  --cds-border-subtle-selected: #cac5c4;
  --cds-border-strong: #8f8b8b;
  --cds-border-interactive: #ba4e00;
  --cds-border-inverse: #171414;
  --cds-border-disabled: #cac5c4;

  --cds-text-primary: #171414;
  --cds-text-secondary: #565151;
  --cds-text-placeholder: rgba(23, 20, 20, 0.65);
  --cds-text-helper: #565151;
  --cds-text-on-color: #ffffff;
  --cds-text-inverse: #ffffff;
  --cds-text-disabled: rgba(23, 20, 20, 0.25);
  --cds-text-error: #da1e28;
  --cds-text-success: #0e6027;
  --cds-text-warning: #8e6a00;
  --cds-text-info: #0043ce;

  --cds-link-primary: #ba4e00;
  --cds-link-primary-hover: #8a3800;
  --cds-link-inverse: #ff832b;
  --cds-link-visited: #6929c4;

  --cds-icon-primary: #171414;
  --cds-icon-secondary: #565151;
  --cds-icon-on-color: #ffffff;
  --cds-icon-disabled: rgba(23, 20, 20, 0.25);
  --cds-icon-interactive: #ba4e00;

  --cds-interactive: #ba4e00;
  --cds-focus: #ba4e00;
  --cds-focus-inset: #ffffff;
  --cds-highlight: #ffe2cc;

  --cds-support-error: #da1e28;
  --cds-support-success: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-info: #0043ce;

  --cds-button-primary: #ba4e00;
  --cds-button-primary-hover: #8a3800;
  --cds-button-primary-active: #5e2900;
  --cds-button-secondary: #3c3838;
  --cds-button-secondary-hover: #565151;
  --cds-button-secondary-active: #726e6e;
  --cds-button-tertiary: #ba4e00;
  --cds-button-tertiary-hover: #8a3800;
  --cds-button-tertiary-active: #5e2900;
  --cds-button-danger: #da1e28;
  --cds-button-danger-hover: #a2191f;
  --cds-button-danger-active: #750e13;
  --cds-button-disabled: #cac5c4;
  --cds-text-on-button-disabled: #8f8b8b;

  --cds-overlay: rgba(23, 20, 20, 0.5);
  --cds-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  --cds-skeleton-background: #e5e0df;
  --cds-skeleton-element: #cac5c4;
  --cds-toggle-off: #8f8b8b;

  /* Tag colour pairs */
  --cds-tag-gray-bg: #e5e0df;              --cds-tag-gray-text: #171414;
  --cds-tag-orange-bg: #ffe2cc;            --cds-tag-orange-text: #8a3800;
  --cds-tag-blue-bg: #d0e2ff;              --cds-tag-blue-text: #0043ce;
  --cds-tag-green-bg: #a7f0ba;             --cds-tag-green-text: #0e6027;
  --cds-tag-red-bg: #ffd7d9;               --cds-tag-red-text: #a2191f;
  --cds-tag-purple-bg: #e8daff;            --cds-tag-purple-text: #6929c4;
  --cds-tag-teal-bg: #9ef0f0;              --cds-tag-teal-text: #005d5d;
  --cds-tag-cyan-bg: #bae6ff;              --cds-tag-cyan-text: #00539a;
  --cds-tag-magenta-bg: #ffd6e8;           --cds-tag-magenta-text: #9f1853;
  --cds-tag-gold-bg: #f8e6c0;              --cds-tag-gold-text: #6b5416;
}

/* --------------------------------------------------------------------------
   LIGHT-ALT - Alternating band. White ground with Warm Gray 10 cards - the same
   two values as `light`, swapped, so sections still read as bands.
   -------------------------------------------------------------------------- */
[data-carbon-theme='light-alt'] {
  color-scheme: light;

  --cds-background: #ffffff;
  --cds-background-hover: rgba(141, 137, 137, 0.12);
  --cds-background-active: rgba(141, 137, 137, 0.5);
  --cds-background-selected: rgba(141, 137, 137, 0.2);

  --cds-layer-01: #f7f3f2;
  --cds-layer-02: #ffffff;
  --cds-layer-03: #f7f3f2;
  --cds-layer-hover-01: #e5e0df;
  --cds-layer-hover-02: #e5e0df;
  --cds-layer-selected-01: #cac5c4;
  --cds-layer-accent-01: #cac5c4;

  --cds-field-01: #f7f3f2;
  --cds-field-02: #ffffff;
  --cds-field-hover-01: #e5e0df;

  --cds-border-subtle: #e5e0df;
  --cds-border-subtle-selected: #cac5c4;
  --cds-border-strong: #8f8b8b;
  --cds-border-interactive: #ba4e00;
  --cds-border-inverse: #171414;
  --cds-border-disabled: #cac5c4;

  --cds-text-primary: #171414;
  --cds-text-secondary: #565151;
  --cds-text-placeholder: rgba(23, 20, 20, 0.65);
  --cds-text-helper: #565151;
  --cds-text-on-color: #ffffff;
  --cds-text-inverse: #ffffff;
  --cds-text-disabled: rgba(23, 20, 20, 0.25);
  --cds-text-error: #da1e28;
  --cds-text-success: #0e6027;
  --cds-text-warning: #8e6a00;
  --cds-text-info: #0043ce;

  --cds-link-primary: #ba4e00;
  --cds-link-primary-hover: #8a3800;
  --cds-link-inverse: #ff832b;
  --cds-link-visited: #6929c4;

  --cds-icon-primary: #171414;
  --cds-icon-secondary: #565151;
  --cds-icon-on-color: #ffffff;
  --cds-icon-disabled: rgba(23, 20, 20, 0.25);
  --cds-icon-interactive: #ba4e00;

  --cds-interactive: #ba4e00;
  --cds-focus: #ba4e00;
  --cds-focus-inset: #ffffff;
  --cds-highlight: #ffe2cc;

  --cds-support-error: #da1e28;
  --cds-support-success: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-info: #0043ce;

  --cds-button-primary: #ba4e00;
  --cds-button-primary-hover: #8a3800;
  --cds-button-primary-active: #5e2900;
  --cds-button-secondary: #3c3838;
  --cds-button-secondary-hover: #565151;
  --cds-button-secondary-active: #726e6e;
  --cds-button-tertiary: #ba4e00;
  --cds-button-tertiary-hover: #8a3800;
  --cds-button-tertiary-active: #5e2900;
  --cds-button-danger: #da1e28;
  --cds-button-danger-hover: #a2191f;
  --cds-button-danger-active: #750e13;
  --cds-button-disabled: #cac5c4;
  --cds-text-on-button-disabled: #8f8b8b;

  --cds-overlay: rgba(23, 20, 20, 0.5);
  --cds-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  --cds-skeleton-background: #e5e0df;
  --cds-skeleton-element: #cac5c4;
  --cds-toggle-off: #8f8b8b;

  /* Tag colour pairs */
  --cds-tag-gray-bg: #e5e0df;              --cds-tag-gray-text: #171414;
  --cds-tag-orange-bg: #ffe2cc;            --cds-tag-orange-text: #8a3800;
  --cds-tag-blue-bg: #d0e2ff;              --cds-tag-blue-text: #0043ce;
  --cds-tag-green-bg: #a7f0ba;             --cds-tag-green-text: #0e6027;
  --cds-tag-red-bg: #ffd7d9;               --cds-tag-red-text: #a2191f;
  --cds-tag-purple-bg: #e8daff;            --cds-tag-purple-text: #6929c4;
  --cds-tag-teal-bg: #9ef0f0;              --cds-tag-teal-text: #005d5d;
  --cds-tag-cyan-bg: #bae6ff;              --cds-tag-cyan-text: #00539a;
  --cds-tag-magenta-bg: #ffd6e8;           --cds-tag-magenta-text: #9f1853;
  --cds-tag-gold-bg: #f8e6c0;              --cds-tag-gold-text: #6b5416;
}

/* --------------------------------------------------------------------------
   DARK - Dark island (was g100). Warm Gray 100 ground.
   -------------------------------------------------------------------------- */
[data-carbon-theme='dark'] {
  color-scheme: dark;

  --cds-background: #171414;
  --cds-background-hover: rgba(143, 139, 139, 0.12);
  --cds-background-active: rgba(143, 139, 139, 0.5);
  --cds-background-selected: rgba(143, 139, 139, 0.2);

  --cds-layer-01: #272525;
  --cds-layer-02: #3c3838;
  --cds-layer-03: #272525;
  --cds-layer-hover-01: #3c3838;
  --cds-layer-hover-02: #565151;
  --cds-layer-selected-01: #565151;
  --cds-layer-accent-01: #565151;

  --cds-field-01: #272525;
  --cds-field-02: #171414;
  --cds-field-hover-01: #3c3838;

  --cds-border-subtle: #3c3838;
  --cds-border-subtle-selected: #565151;
  --cds-border-strong: #8f8b8b;
  --cds-border-interactive: #ff832b;
  --cds-border-inverse: #f7f3f2;
  --cds-border-disabled: #565151;

  --cds-text-primary: #f7f3f2;
  --cds-text-secondary: #cac5c4;
  --cds-text-placeholder: rgba(247, 243, 242, 0.65);
  --cds-text-helper: #ada8a8;
  --cds-text-on-color: #ffffff;
  --cds-text-inverse: #171414;
  --cds-text-disabled: rgba(247, 243, 242, 0.25);
  --cds-text-error: #ff8389;
  --cds-text-success: #42be65;
  --cds-text-warning: #fdd13a;
  --cds-text-info: #a6c8ff;

  --cds-link-primary: #ff832b;
  --cds-link-primary-hover: #ffb784;
  --cds-link-inverse: #ba4e00;
  --cds-link-visited: #d4bbff;

  --cds-icon-primary: #f7f3f2;
  --cds-icon-secondary: #cac5c4;
  --cds-icon-on-color: #ffffff;
  --cds-icon-disabled: rgba(247, 243, 242, 0.25);
  --cds-icon-interactive: #ff832b;

  --cds-interactive: #ff832b;
  --cds-focus: #ffffff;
  --cds-focus-inset: #171414;
  --cds-highlight: #5e2900;

  --cds-support-error: #ff8389;
  --cds-support-success: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-info: #78a9ff;

  --cds-button-primary: #ba4e00;
  --cds-button-primary-hover: #8a3800;
  --cds-button-primary-active: #5e2900;
  --cds-button-secondary: #565151;
  --cds-button-secondary-hover: #726e6e;
  --cds-button-secondary-active: #8f8b8b;
  --cds-button-tertiary: #ff832b;
  --cds-button-tertiary-hover: #ffb784;
  --cds-button-tertiary-active: #ffffff;
  --cds-button-danger: #da1e28;
  --cds-button-danger-hover: #a2191f;
  --cds-button-danger-active: #750e13;
  --cds-button-disabled: #3c3838;
  --cds-text-on-button-disabled: #726e6e;

  --cds-overlay: rgba(23, 20, 20, 0.7);
  --cds-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  --cds-skeleton-background: #3c3838;
  --cds-skeleton-element: #565151;
  --cds-toggle-off: #8f8b8b;

  /* Tag colour pairs */
  --cds-tag-gray-bg: #565151;              --cds-tag-gray-text: #f7f3f2;
  --cds-tag-orange-bg: #5e2900;            --cds-tag-orange-text: #ffb784;
  --cds-tag-blue-bg: #001d6c;              --cds-tag-blue-text: #a6c8ff;
  --cds-tag-green-bg: #044317;             --cds-tag-green-text: #6fdc8c;
  --cds-tag-red-bg: #520408;               --cds-tag-red-text: #ffb3b8;
  --cds-tag-purple-bg: #31135e;            --cds-tag-purple-text: #d4bbff;
  --cds-tag-teal-bg: #022b30;              --cds-tag-teal-text: #3ddbd9;
  --cds-tag-cyan-bg: #012749;              --cds-tag-cyan-text: #82cfff;
  --cds-tag-magenta-bg: #510224;           --cds-tag-magenta-text: #ffafd2;
  --cds-tag-gold-bg: #5e2900;              --cds-tag-gold-text: #ffd9b0;
}

/* --------------------------------------------------------------------------
   DARK-ALT - Softer dark island (was g90). Warm Gray 90 ground.
   -------------------------------------------------------------------------- */
[data-carbon-theme='dark-alt'] {
  color-scheme: dark;

  --cds-background: #272525;
  --cds-background-hover: rgba(143, 139, 139, 0.12);
  --cds-background-active: rgba(143, 139, 139, 0.5);
  --cds-background-selected: rgba(143, 139, 139, 0.2);

  --cds-layer-01: #3c3838;
  --cds-layer-02: #3c3838;
  --cds-layer-03: #3c3838;
  --cds-layer-hover-01: #3c3838;
  --cds-layer-hover-02: #565151;
  --cds-layer-selected-01: #565151;
  --cds-layer-accent-01: #565151;

  --cds-field-01: #3c3838;
  --cds-field-02: #272525;
  --cds-field-hover-01: #3c3838;

  --cds-border-subtle: #3c3838;
  --cds-border-subtle-selected: #565151;
  --cds-border-strong: #8f8b8b;
  --cds-border-interactive: #ff832b;
  --cds-border-inverse: #f7f3f2;
  --cds-border-disabled: #565151;

  --cds-text-primary: #f7f3f2;
  --cds-text-secondary: #cac5c4;
  --cds-text-placeholder: rgba(247, 243, 242, 0.65);
  --cds-text-helper: #ada8a8;
  --cds-text-on-color: #ffffff;
  --cds-text-inverse: #171414;
  --cds-text-disabled: rgba(247, 243, 242, 0.25);
  --cds-text-error: #ff8389;
  --cds-text-success: #42be65;
  --cds-text-warning: #fdd13a;
  --cds-text-info: #a6c8ff;

  --cds-link-primary: #ff832b;
  --cds-link-primary-hover: #ffb784;
  --cds-link-inverse: #ba4e00;
  --cds-link-visited: #d4bbff;

  --cds-icon-primary: #f7f3f2;
  --cds-icon-secondary: #cac5c4;
  --cds-icon-on-color: #ffffff;
  --cds-icon-disabled: rgba(247, 243, 242, 0.25);
  --cds-icon-interactive: #ff832b;

  --cds-interactive: #ff832b;
  --cds-focus: #ffffff;
  --cds-focus-inset: #171414;
  --cds-highlight: #5e2900;

  --cds-support-error: #ff8389;
  --cds-support-success: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-info: #78a9ff;

  --cds-button-primary: #ba4e00;
  --cds-button-primary-hover: #8a3800;
  --cds-button-primary-active: #5e2900;
  --cds-button-secondary: #565151;
  --cds-button-secondary-hover: #726e6e;
  --cds-button-secondary-active: #8f8b8b;
  --cds-button-tertiary: #ff832b;
  --cds-button-tertiary-hover: #ffb784;
  --cds-button-tertiary-active: #ffffff;
  --cds-button-danger: #da1e28;
  --cds-button-danger-hover: #a2191f;
  --cds-button-danger-active: #750e13;
  --cds-button-disabled: #3c3838;
  --cds-text-on-button-disabled: #726e6e;

  --cds-overlay: rgba(23, 20, 20, 0.7);
  --cds-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  --cds-skeleton-background: #3c3838;
  --cds-skeleton-element: #565151;
  --cds-toggle-off: #8f8b8b;

  /* Tag colour pairs */
  --cds-tag-gray-bg: #565151;              --cds-tag-gray-text: #f7f3f2;
  --cds-tag-orange-bg: #5e2900;            --cds-tag-orange-text: #ffb784;
  --cds-tag-blue-bg: #001d6c;              --cds-tag-blue-text: #a6c8ff;
  --cds-tag-green-bg: #044317;             --cds-tag-green-text: #6fdc8c;
  --cds-tag-red-bg: #520408;               --cds-tag-red-text: #ffb3b8;
  --cds-tag-purple-bg: #31135e;            --cds-tag-purple-text: #d4bbff;
  --cds-tag-teal-bg: #022b30;              --cds-tag-teal-text: #3ddbd9;
  --cds-tag-cyan-bg: #012749;              --cds-tag-cyan-text: #82cfff;
  --cds-tag-magenta-bg: #510224;           --cds-tag-magenta-text: #ffafd2;
  --cds-tag-gold-bg: #5e2900;              --cds-tag-gold-text: #ffd9b0;
}
