/* Vulpine Printworks — design tokens
   Single source of truth for every surface in this repo.
   Never hardcode a brand color in a component; reference a token. */

:root {
  /* Core palette — the entire brand is three colors */
  --vw-orange:      #F65A00;
  --vw-black:       #111111;
  --vw-white:       #FFFFFF;

  /* Orange scale (tints/shades only — no secondary hue) */
  --vw-orange-600:  #C44700;
  --vw-orange-500:  #F65A00;
  --vw-orange-400:  #FF7A2E;
  --vw-orange-100:  #FFE3D2;

  /* Neutral scale derived from black */
  --vw-ink-900:     #111111;
  --vw-ink-700:     #2A2A2A;
  --vw-ink-500:     #5C5C5C;
  --vw-ink-300:     #9A9A9A;
  --vw-ink-100:     #E4E4E4;
  --vw-ink-050:     #F5F5F4;

  /* Semantic status — deliberately desaturated so orange stays loudest */
  --vw-pass:        #2E7D5B;
  --vw-warn:        #B8860B;
  --vw-fail:        #B3402B;
  --vw-idle:        #9A9A9A;

  /* Surfaces (light) */
  --vw-bg:          #FFFFFF;
  --vw-surface:     #FAFAF9;
  --vw-surface-2:   #F5F5F4;
  --vw-border:      #E4E4E4;
  --vw-text:        #111111;
  --vw-text-muted:  #5C5C5C;

  /* Type */
  --vw-font-sans:   ui-sans-serif, "Segoe UI", Inter, system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --vw-font-mono:   ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --vw-track-eyebrow: 0.18em;
  --vw-track-wordmark: 0.12em;

  /* Space & shape */
  --vw-radius:      4px;
  --vw-radius-lg:   8px;
  --vw-shadow:      0 1px 2px rgba(17, 17, 17, .06), 0 4px 16px rgba(17, 17, 17, .05);
}

/* Dark surfaces — the reversed lockup context */
:root[data-theme="dark"] {
  --vw-bg:          #0D0D0D;
  --vw-surface:     #161616;
  --vw-surface-2:   #1E1E1E;
  --vw-border:      #2E2E2E;
  --vw-text:        #F5F5F4;
  --vw-text-muted:  #9A9A9A;
  --vw-ink-100:     #2E2E2E;
  --vw-ink-050:     #1A1A1A;
  --vw-pass:        #4CAF83;
  --vw-warn:        #D9A520;
  --vw-fail:        #E0664D;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --vw-bg:          #0D0D0D;
    --vw-surface:     #161616;
    --vw-surface-2:   #1E1E1E;
    --vw-border:      #2E2E2E;
    --vw-text:        #F5F5F4;
    --vw-text-muted:  #9A9A9A;
    --vw-ink-100:     #2E2E2E;
    --vw-ink-050:     #1A1A1A;
    --vw-pass:        #4CAF83;
    --vw-warn:        #D9A520;
    --vw-fail:        #E0664D;
  }
}

/* Shared primitives */
.vw-eyebrow {
  text-transform: uppercase;
  letter-spacing: var(--vw-track-eyebrow);
  font-size: 11px;
  font-weight: 600;
  color: var(--vw-text-muted);
}

.vw-num { font-variant-numeric: tabular-nums; font-family: var(--vw-font-mono); }