/*
 * Veercal design tokens — canonical source.
 * Hand-synced with src/design/tokens.js. Update both together.
 * Light mode only; dark structure reserved for a later PR.
 */

:root {
  /* Brand */
  --vc-brand:   #134E35;
  --vc-brand2:  #1A6644;
  --vc-navy:    #0A1F14;

  /* Surfaces */
  --vc-bg:       #F5F0EB;
  --vc-surface:  #ffffff;
  --vc-tile:     #EFE7DD;
  --vc-border:   #E5DDD2;

  /* Text */
  --vc-text:     #1e293b;
  --vc-muted:    #64748b;

  /* Semantic */
  --vc-good:        #16a34a;
  --vc-good-bg:     #f0fdf4;
  --vc-good-border: #bbf7d0;
  --vc-gfill:       #EBF5EF;
  --vc-amber:       #d97706;
  --vc-amber-bg:    #fffbeb;
  --vc-amber-border:#fde68a;
  --vc-bad:         #dc2626;
  --vc-bad-bg:      #fef2f2;
  --vc-bad-border:  #fecaca;

  /* Spacing (4-px base) */
  --vc-sp-1: 4px;
  --vc-sp-2: 8px;
  --vc-sp-3: 12px;
  --vc-sp-4: 16px;
  --vc-sp-5: 24px;
  --vc-sp-6: 32px;
  --vc-sp-7: 48px;

  /* Radius (squircle scale) */
  --vc-r-sm:   8px;
  --vc-r-md:   12px;
  --vc-r-lg:   16px;
  --vc-r-pill: 999px;

  /* Type */
  --vc-font-head: 'Arial Black', 'Arial Bold', Arial, sans-serif;
  --vc-font-body: 'Inter', 'Plus Jakarta Sans', sans-serif;
  --vc-fw-regular: 400;
  --vc-fw-medium:  500;
  --vc-fs-xs:   12px;
  --vc-fs-sm:   13px;
  --vc-fs-base: 15px;
  --vc-fs-lg:   18px;
  --vc-fs-xl:   24px;
  --vc-fs-2xl:  32px;
  --vc-fs-3xl:  48px;
  --vc-lh-tight: 1.15;
  --vc-lh-body:  1.45;
}

[data-theme="dark"] {
  /* reserved */
}