/* Teddy Arellano — Color tokens
   Warm, minimal palette: cream paper, beige, light coffee, espresso, near-black,
   with a single terracotta accent and muted semantics. */
:root {
  /* --- Base neutrals (warm) --- */
  --paper: #F7F3EC;        /* app background, lightest */
  --cream: #F1E9DC;        /* raised surface / sections */
  --beige: #E6DAC7;        /* subtle fills, muted surfaces */
  --sand: #D8C7AC;         /* borders on cream, hairlines */
  --latte: #C9A882;        /* light coffee — decorative */
  --mocha: #A97E55;        /* mid coffee */
  --coffee: #6F4E37;       /* coffee — headings on light, primary-ish */
  --espresso: #3E2C1E;     /* deep brown text */
  --bean: #241812;         /* near-black brown, strongest text */
  --ink: #17110C;          /* true darkest, for dark surfaces */
  --white: #FFFFFF;

  /* --- Accent --- */
  --terracotta: #C2683F;   /* primary warm accent */
  --terracotta-soft: #E4A985;
  --terracotta-tint: #F3E0D3;

  /* --- Muted semantics (kept warm/desaturated) --- */
  --olive: #7C7A4A;        /* success */
  --olive-tint: #EAE9D6;
  --amber: #B8822A;        /* warning */
  --amber-tint: #F2E7CE;
  --clay: #A8443A;         /* danger */
  --clay-tint: #F0D8D3;
  --slate: #5E6B6A;        /* info (cool muted) */
  --slate-tint: #DDE4E3;

  /* ===================== Semantic aliases ===================== */
  /* Surfaces */
  --surface-app: var(--paper);
  --surface-card: var(--cream);
  --surface-raised: var(--white);
  --surface-sunken: var(--beige);
  --surface-inverse: var(--bean);

  /* Text */
  --text-strong: var(--bean);
  --text-body: var(--espresso);
  --text-muted: var(--mocha);
  --text-faint: var(--latte);
  --text-on-accent: var(--paper);
  --text-on-inverse: var(--cream);
  --text-link: var(--coffee);
  --text-link-hover: var(--terracotta);

  /* Borders */
  --border-hair: var(--sand);
  --border-soft: #E0D3BE;
  --border-strong: var(--mocha);
  --border-focus: var(--terracotta);

  /* Accent roles */
  --accent: var(--terracotta);
  --accent-hover: #AE5A34;
  --accent-press: #98492A;
  --accent-tint: var(--terracotta-tint);

  /* Semantic roles */
  --success: var(--olive);
  --success-tint: var(--olive-tint);
  --warning: var(--amber);
  --warning-tint: var(--amber-tint);
  --danger: var(--clay);
  --danger-tint: var(--clay-tint);
  --info: var(--slate);
  --info-tint: var(--slate-tint);
}