/* Power Commerce color tokens — sampled from powercommerce.com assets.
   Ink values #18181B / #27272A verbatim from brand SVGs; accent #FF6B6B
   verbatim from the brand OG banner. */
:root {
  /* Ink / zinc scale */
  --ink-50:  #FAFAFA;
  --ink-100: #F4F4F5;
  --ink-200: #E4E4E7;
  --ink-300: #D4D4D8;
  --ink-400: #A1A1AA;
  --ink-500: #71717A;
  --ink-600: #52525B;
  --ink-700: #3F3F46;
  --ink-800: #27272A; /* logo mark fill */
  --ink-900: #18181B; /* logotype fill */
  --ink-950: #09090B;

  /* Brand Navy — logo & wordmark color */
  --navy-100: #E7E9F1;
  --navy-500: #2F3556;
  --navy-700: #232842;

  /* Power Coral — the single brand accent */
  --coral-100: #FFECEB;
  --coral-300: #FFA3A3;
  --coral-500: #FF6B6B;
  --coral-600: #E9504F;

  /* Warm paper — secondary section background */
  --paper: #F2EEEB;

  /* Semantic aliases */
  --bg-page: #FFFFFF;
  --bg-paper: var(--paper);
  --bg-dark: var(--ink-950);
  --surface-card: #FFFFFF;
  --surface-card-dark: var(--ink-900);
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-muted: var(--ink-400);
  --text-inverse: #FFFFFF;
  --text-inverse-secondary: #A1A1AA;
  --accent: var(--coral-500);
  --accent-hover: var(--coral-600);
  --accent-soft: var(--coral-100);
  --brand-navy: var(--navy-500);
  --border: var(--ink-200);
  --border-dark: var(--ink-800);
  --link: var(--ink-900);
  --link-hover: var(--coral-600);
  --focus-ring: 0 0 0 3px var(--coral-100), 0 0 0 4px var(--coral-500);
}