/* Strategic Online Corp — design tokens.
   Single source of truth for the child theme. Ported from mockups/soc-homepage-v30.html.
   Mirrors theme.json; keep the two in sync. */

:root {
  /* ink / dark surfaces */
  --ink:      #080C24;   /* dark sections, headings on light */
  --ink-2:    #121738;   /* secondary dark surface, footer */
  --ink-3:    #1D2450;   /* tertiary dark surface */

  /* brand violet — hero gradient + logo only, never on a button */
  --brand:    #6D3FF5;
  --brand-lo: #8B63FF;

  /* action amber — the ONLY action color */
  --action:      #F5A524;
  --action-hi:   #FFBE4D;  /* hover */
  --action-deep: #9C6605;  /* amber text on light, hover text */

  /* light surfaces */
  --canvas:  #F6F7FB;   /* light section background */
  --surface: #FFFFFF;   /* cards, panels */
  --rule:    #D6DBE8;   /* hairlines, grid lines, dividers */

  /* text */
  --body:       #3A4059;   /* body copy on light */
  --annotation: #767D9C;   /* mono margin notes, figure labels */

  /* layout */
  --shell: 1342px;         /* content max-width */
  --gutter: 30.8px;

  /* radii — only these two exist */
  --radius:    5px;
  --radius-lg: 10px;

  /* type families */
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* logo assets (self-hosted PNGs; white wordmark for dark backgrounds) */
  --logo-color: url('../images/logo-color.png');
  --logo-slate: url('../images/logo-white.png');
}