/* Brand role swap — Labs amber is the single brand accent. The ultramarine
   secondary is retired: every secondary/gradient token now resolves to the
   amber ramp. Semantic aliases only: no component, no ramp, no geometry changes.

   Load order: after tokens/colors.css and tokens/theme-dark.css. */

:root {
  --color-primary: var(--brand-amber);
  --color-primary-hover: var(--brand-amber-deep);
  --color-primary-active: var(--brand-amber-deep);
  --color-primary-disabled: #E8CFA3;
  --color-on-primary: #14161C;   /* ink on amber — 8.4:1. White would be 2.6:1 */

  --color-secondary: var(--brand-amber-deep);
  --color-secondary-hover: #8A5C0C;
  --color-secondary-active: #8A5C0C;
  --color-on-secondary: #FFFFFF;

  --primary-transparent: #FBF2E3;
  --secondary-transparent: #F6EAD2;

  --focus-ring: 0 0 0 3px rgba(208,138,24,.32);

  --gradient-brand: linear-gradient(10.93deg,#B0740F 16.22%,#E5A83B 120.13%); /* @kind color */
  /* Banner ramp: bright amber cannot carry white text, so banners run the
     deep-gold end of the same hue. */
  --gradient-banner: linear-gradient(10.93deg,#7A4F0A 16.22%,#B0740F 120.13%); /* @kind color */
  --gradient-ink: linear-gradient(135deg,#14161C 0%,#B0740F 100%); /* @kind color */
  --gradient-ring: linear-gradient(135deg,#D08A18 0%,#E5A83B 100%); /* @kind color */
}

[data-theme="dark"] {
  --color-primary: var(--brand-amber-lift);
  --color-primary-hover: #F0BC5E;
  --color-primary-active: #F0BC5E;
  --color-primary-disabled: #6B5526;
  --color-on-primary: #14161C;

  --color-secondary: var(--brand-amber);
  --color-secondary-hover: var(--brand-amber-lift);
  --color-secondary-active: var(--brand-amber-lift);
  --color-on-secondary: #FFFFFF;

  --primary-transparent: #33280F;
  --secondary-transparent: #2B2109;

  --focus-ring: 0 0 0 3px rgba(229,168,59,.42);

  --gradient-brand: linear-gradient(10.93deg,#D08A18 16.22%,#F0BC5E 120.13%); /* @kind color */
  --gradient-banner: linear-gradient(10.93deg,#8A5C0C 16.22%,#D08A18 120.13%); /* @kind color */
  --gradient-ink: linear-gradient(135deg,#000000 0%,#B0740F 100%); /* @kind color */
  --gradient-ring: linear-gradient(135deg,#E5A83B 0%,#F0BC5E 100%); /* @kind color */
}