/* OnePlace — Color tokens (v2, rebuilt from "OnePlace – Overview (Sep-26)" deck)
   Values sampled from the deck's vector fills. The deck is white-ground, black-ink,
   with OnePlace Blue as the single brand accent and a bright "occasion" palette
   used for icon tiles, ribbon graphics and category labels. */
:root {
  /* ---- Core ---- */
  --op-blue: #006BFF;          /* OnePlace Blue — headline accent line, eyebrows, links, footer */
  --op-blue-bright: #1E79FD;   /* label blue on light tiles */
  --op-blue-deep: #005BFC;     /* eyebrow on tinted panels */
  --op-blue-tint: #E1EFFF;     /* pill / chip / panel fill */
  --op-blue-mist: #DCEAF7;     /* soft panel fill */
  --op-ink: #000000;           /* headline + body ink */
  --op-ink-soft: #404040;      /* secondary ink */
  --op-white: #FFFFFF;
  --op-black: #000000;

  /* Blue ramp (hover / pressed) */
  --op-blue-700: #0047B3;
  --op-blue-600: #005CE0;
  --op-blue-500: #006BFF;
  --op-blue-100: #E1EFFF;
  --op-blue-50:  #F0F7FF;

  /* ---- Occasion palette (icon tiles, ribbons, category labels) ---- */
  --op-teal: #2EBB9D;          /* Employees & culture / meals */
  --op-green: #1BB377;         /* Individual meals */
  --op-green-alt: #00B372;
  --op-orange: #ED8E12;        /* Executive hospitality / expense */
  --op-amber: #FEA42C;
  --op-purple: #8D67FA;        /* Events & experiences / rewards */
  --op-violet: #9F69EF;
  --op-coral: #F25959;         /* Client engagement / catering */
  --op-red: #F7493D;
  --op-salmon: #F3746A;
  --op-sky: #61CBF4;
  --op-navy: #041839;          /* dark surfaces */
  --op-indigo: #290492;        /* deep event slides */
  --op-indigo-900: #130244;

  /* Soft tints of the occasion palette (tile halos, tinted badges) */
  --op-teal-tint: #DDF5EF;
  --op-green-tint: #DAF4E9;
  --op-orange-tint: #FDEBD3;
  --op-purple-tint: #ECE5FE;
  --op-coral-tint: #FDE4E4;
  --op-sky-tint: #E0F5FD;

  /* ---- Neutrals ---- */
  --op-grey-50: #F7F8FA;
  --op-grey-100: #F2F2F2;      /* deck light panel */
  --op-grey-200: #E6E8EC;
  --op-grey-300: #D0D4DA;
  --op-grey-500: #8A9099;
  --op-grey-700: #404040;

  /* ---- Legacy aliases (v1 names kept so older work still resolves) ---- */
  --op-lilac: #BA99FF;
  --op-lilac-600: var(--op-purple);
  --op-lilac-200: #E4D8FF;
  --op-lilac-100: var(--op-purple-tint);
  --op-midnight: var(--op-navy);
  --op-midnight-900: #020C1D;
  --op-midnight-800: var(--op-navy);
  --op-midnight-700: #0B2550;
  --op-midnight-600: #14315F;
  --op-cloud: var(--op-grey-50);
  --op-slate: var(--op-ink-soft);
  --op-graphite: #5E5E5E;
  --op-grey: var(--op-grey-500);
  --op-pearl: var(--op-grey-100);
  --op-mist: var(--op-grey-200);
  --op-line: var(--op-grey-200);
  --op-line-strong: var(--op-grey-300);
  --op-charcoal: #2B2B2B;

  /* ============ SEMANTIC ALIASES ============ */
  --brand: var(--op-blue);
  --brand-hover: var(--op-blue-600);
  --brand-pressed: var(--op-blue-700);
  --brand-tint: var(--op-blue-tint);
  --accent: var(--op-teal);

  --text-primary: var(--op-ink);
  --text-secondary: var(--op-ink-soft);
  --text-muted: #5E5E5E;
  --text-subtle: var(--op-grey-500);
  --text-accent: var(--op-blue);
  --text-on-brand: var(--op-white);
  --text-on-dark: var(--op-white);
  --text-on-dark-muted: rgba(255,255,255,0.7);
  --text-link: var(--op-blue);
  --text-link-hover: var(--op-blue-600);

  --surface-page: var(--op-white);
  --surface-app: var(--op-grey-50);
  --surface-card: var(--op-white);
  --surface-raised: var(--op-white);
  --surface-sunken: var(--op-grey-50);
  --surface-tint: var(--op-blue-tint);
  --surface-dark: var(--op-navy);
  --surface-dark-raised: #0B2550;
  --surface-inverse: var(--op-navy);

  --border: var(--op-grey-200);
  --border-strong: var(--op-grey-300);
  --border-dark: rgba(255,255,255,0.14);
  --field-border: var(--op-grey-300);
  --focus-ring: rgba(0,107,255,0.35);

  --success: #0E9A67;
  --success-tint: var(--op-green-tint);
  --warning: #C26A00;
  --warning-tint: var(--op-orange-tint);
  --danger: #D93A31;
  --danger-tint: var(--op-coral-tint);
  --info: var(--op-blue);
  --info-tint: var(--op-blue-tint);
}