/* Eyedeal Innovations design tokens.
 * Colour roles and fonts come from the approved Claude Design export
 * (HANDOFF.md, "Design reference"). Sizes in site.css follow the approved
 * design exactly, so they are not forced onto a generic scale. */

:root {
  /* ---- Fonts --------------------------------------------------------- */
  --font-sans:  'Archivo', 'Helvetica Neue', sans-serif;   /* headings, UI */
  --font-serif: 'Newsreader', Georgia, serif;              /* paragraphs, italic accents */
  --font-mono:  'IBM Plex Mono', monospace;                /* labels, captions */

  /* ---- Colour, by role ----------------------------------------------- */
  --paper:      #F4F3EF;   /* page background */
  --paper-2:    #E7E5DF;   /* placeholder panels */
  --row-hover:  #ECEAE4;
  --white:      #FFFFFF;
  --ink:        #0E1116;   /* text, strong rules */
  --ink-2:      #2B2F36;   /* secondary text */
  --ink-3:      #5A5F68;   /* meta text */
  --hairline:   #D9D6CE;
  --field-line: #A3A8B0;

  --accent:       #1B4D3E; /* forest green: actions + selected state */
  --accent-hover: #143A2E;
  --live:         #2E7D4F; /* "live" status square */

  /* On dark (ink) sections */
  --on-ink:      #F4F3EF;
  --on-ink-2:    #C9CCD1;
  --on-ink-3:    #A3A8B0;
  --on-ink-4:    #8A9099;
  --ink-rule:    #2B2F36;
  --ink-ghost:   #1C2129;  /* footer wordmark */

  /* Company markers (small squares only) */
  --maxwell: #0139B4;
  --vamp:    #5A3FD6;
  --sparky:  #E39B2D;
  --vamp-light:   #B3A4FF;
  --vamp-label:   #C4B8FF;
  --maxwell-light:#8FB0FF;
  --maxwell-label:#A9C1FF;
  --sparky-label: #E8B05A;
  --sparky-text:  #9A5B00;

  /* ---- Layout -------------------------------------------------------- */
  --container: 1320px;
  --gutter: 40px;
  --header-h: 72px;

  /* ---- Motion -------------------------------------------------------- */
  --fast: .15s;
  --base: .2s;
}

@media (max-width: 640px) {
  :root { --gutter: 16px; --header-h: 60px; }
}