/* APC — Color tokens
   Brand primaries: dark #000000, accent orange #F47A20, secondary grey #768393.
   Orange is used SELECTIVELY (CTAs, active states, stats, key highlights). */
:root {
  /* ---- Brand base ---- */
  --apc-ink: #000000;        /* primary dark — near-black */
  --apc-orange: #F47A20;     /* accent orange */
  --apc-grey: #768393;       /* secondary steel grey */

  /* ---- Ink (dark) scale ---- */
  --ink-900: #000000;
  --ink-800: #000000;
  --ink-700: #1A1A1A;
  --ink-600: #333333;

  /* ---- Orange scale ---- */
  --orange-700: #C85E12;
  --orange-600: #E06A17;
  --orange-500: #F47A20;
  --orange-400: #F79246;
  --orange-100: #FCE4D0;
  --orange-050: #FDF2E8;

  /* ---- Steel grey scale ---- */
  --steel-700: #4E5866;
  --steel-600: #626E7C;
  --steel-500: #768393;
  --steel-400: #97A2AF;
  --steel-300: #BEC5CD;
  --steel-200: #DCE0E5;
  --steel-100: #ECEEF1;

  /* ---- Neutrals / surfaces (warm off-white) ---- */
  --white: #FFFFFF;
  --paper: #FAF8F5;          /* warm off-white page */
  --paper-2: #F3F0EB;        /* slightly deeper warm surface */
  --line: #E4E0DA;           /* warm hairline on paper */
  --line-2: #D3CEC6;

  /* ---- Semantic status ---- */
  --success: #2E7D52;
  --warning: #E0A500;
  --danger:  #C1362B;
  --info:    #2F6DB0;

  /* ---- Semantic aliases ---- */
  --bg-page: var(--paper);
  --bg-elevated: var(--white);
  --bg-inverse: var(--ink-800);
  --bg-subtle: var(--paper-2);

  --surface-card: var(--white);
  --surface-card-inverse: var(--ink-800);

  --text-strong: var(--ink-800);
  --text-body: #2B2B2B;
  --text-muted: var(--steel-600);
  --text-faint: var(--steel-400);
  --text-on-dark: #F5F3F0;
  --text-on-dark-muted: #A9AFB8;
  --text-accent: var(--orange-600);

  --border-default: var(--line);
  --border-strong: var(--line-2);
  --border-inverse: rgba(255,255,255,0.14);

  --accent: var(--orange-500);
  --accent-hover: var(--orange-600);
  --accent-active: var(--orange-700);
  --accent-soft: var(--orange-050);
  --focus-ring: rgba(244,122,32,0.45);
}