/* TLRD 25-Day Challenge — design tokens (v1 "Illustrated Warm" system) */
/* Source of truth: untitled.pen (Pencil). Fonts are Google Fonts. */

:root {
  /* Surfaces */
  --surface-primary: #FBF6EE;   /* app background (warm cream) */
  --surface-secondary: #F1E8DA; /* subtle tinted blocks, image placeholders */
  --surface-card: #FFFFFF;      /* cards */

  /* Foreground / text */
  --foreground-primary: #2A2420;   /* headings, primary text */
  --foreground-secondary: #6B635B; /* body, descriptions */
  --foreground-muted: #9A9089;     /* captions, hints, inactive */

  /* Borders */
  --border-subtle: #E7DDCD;

  /* Brand accent (The Little Red Dog = friendly red) */
  --accent-red: #D9473F;       /* primary CTAs, active states */
  --accent-red-dark: #B8362F;  /* pressed / gradient end */
  --accent-red-soft: #FBE4E1;  /* tinted chips/badges, current-day highlight */

  /* Secondary accents */
  --accent-gold: #F2A23C;       /* streaks, milestone gold, gentle highlights */
  --accent-gold-soft: #FCEBD2;
  --success-green: #4FAE7E;     /* completed days, success states */
  --success-green-soft: #E2F2EA;

  --on-accent: #FFFFFF;         /* text/icons on accent fills */

  /* Radii (px) */
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-full: 9999px;        /* pills, dots, circular badges */

  /* Type families */
  --font-heading: "Funnel Sans", system-ui, sans-serif; /* titles */
  --font-body: "Inter", system-ui, sans-serif;          /* body & UI */
}