/* 시요일 — Colors (semantic, human-facing brand palette).
   Layered over the raw Figma-variable tokens in fig-tokens.css.
   All values transcribed verbatim from the source file. */

:root {
  /* ── Brand accents ─────────────────────────────── */
  --siyoil-red: #c8524b;        /* point red — likes, errors, brand mark on light */
  --siyoil-brown: #be8064;      /* brand primary — CTA fill, active nav on light cards */
  --siyoil-salmon: #e89480;     /* "오늘의 시" poem-card fill */
  --siyoil-green: #7d8a67;      /* point green — recommendation accents */
  --siyoil-yellow: #e5ac17;     /* point yellow */
  --siyoil-blue: #0f4c81;       /* dark-mode active nav (color0) */

  /* ── Surfaces ──────────────────────────────────── */
  --surface-primary: #fefdf5;   /* app canvas — warm cream */
  --surface-secondary: #e5e3d8; /* filled chips / disabled button / hairlines */
  --surface-tertiary: #f4f2e8;  /* cards, tiles, quiet fills */
  --surface-brand: #f9ece5;     /* brand-tint surface */
  --surface-white: #ffffff;
  --surface-scrim: rgba(0,0,0,0.5); /* toast / modal scrim */

  /* ── Text ──────────────────────────────────────── */
  --text-primary: #171614;      /* near-black ink */
  --text-secondary: #4b4943;    /* body-dark */
  --text-tertiary: #808080;     /* supportive gray */
  --text-label: #9e9a8f;        /* field labels, meta */
  --text-inverse: #ffffff;
  --text-point: #c8524b;        /* accent / error text */

  /* ── Borders ───────────────────────────────────── */
  --border-default: #e5e3d8;    /* default hairline (tan) */
  --border-active: #9e9a8f;     /* focused input */
  --border-strong: #171614;     /* outlined "더보기" pill, emphasis */
  --border-divider: #e6e9eb;    /* light neutral divider */

  /* ── Icon ──────────────────────────────────────── */
  --icon-default: #171614;
  --icon-active: #be8064;
  --icon-disabled: #9e9a8f;
  --icon-point: #c8524b;
  --icon-inverse: #ffffff;

  /* ── State / system ────────────────────────────── */
  --system-error: #c8524b;
  --system-success: #4a7a56;
  --system-warning: #e0984e;

  /* ── Dark surfaces (spec sheet / dark mode) ─────── */
  --dark-bg: #161616;           /* dark canvas */
  --dark-surface: #282724;      /* dark tertiary */
  --dark-secondary: #4a4844;    /* dark filled */
  --dark-text: #fefdf5;         /* cream ink on dark */
  --dark-border: #4b4943;
}

/* data-theme="dark" already overrides the raw --bg/--text/--icon tokens in fig-tokens.css. */