/* =========================================================================
   NEXT — design tokens. THE ONE FILE TO RE-THEME.
   Theme: Direction 3 "Full Stop" — Ink #121114, Paper #F5F3EE, white cards, Vermilion #FF4B1F dot as the only accent.
   When the brand lands, change values here (and swap /icons/*). If the brand
   uses Google Fonts, add the @import at the top of this file and set
   --font-display / --font-ui. Nothing else in the app hard-codes a color,
   font, or radius.
   ========================================================================= */
/* Brand fonts — Direction 3 "Full Stop": Unbounded (headlines) + Manrope (UI).
   Self-hosted (Latin subset, woff2) so the app looks right offline. SIL OFL 1.1. */
@font-face { font-family: "Unbounded"; src: url("fonts/Unbounded.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("fonts/Manrope.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
:root {
  /* surfaces & ink */
  --color-bg: #F5F3EE;          /* soft off-white page */
  --color-surface: #FFFFFF;     /* cards */
  --color-surface-2: #EFECE6;   /* inputs, pressed, quiet fills */
  --color-line: #E7E3DB;        /* Bone */        /* hairlines */
  --color-ink: #121114;         /* primary text */
  --color-ink-2: #5E5A54;       /* secondary text */
  --color-ink-3: #76726B;       /* tertiary / hints */

  /* the one bold accent */
  --color-accent: #FF4B1F;       /* Vermilion — the dot. ONLY: Do-this-now marker, Done, capture button */
  --color-accent-ink: #FFFFFF;  /* text on accent */
  --color-accent-soft: #FFE6DE; /* tinted fill */
  --color-accent-strong: #E63A10;

  /* calm interactive color (links, focus, today, highlights) — Ink, not the dot */
  --color-action: #121114;
  --color-action-ink: #FFFFFF;
  --color-action-soft: #EAE6DE;

  /* status */
  --color-danger: #D6402B;
  --color-danger-soft: #FCE9E5;
  --color-success: #17915A;
  --color-success-soft: #E2F4EA;
  --color-warn: #B76E00;

  /* category tints (soft fill + ink) — muted, warm, so the vermilion dot stays the only loud color */
  --cat-task-bg: #ECE9E3;        --cat-task-ink: #3A3832;
  --cat-shopping-bg: #F1EADF;    --cat-shopping-ink: #8A6331;
  --cat-appointment-bg: #E6EBF1; --cat-appointment-ink: #3E5874;
  --cat-bill-bg: #E5EEE8;        --cat-bill-ink: #3B6A4F;
  --cat-reminder-bg: #F2ECDA;    --cat-reminder-ink: #7D6522;
  --cat-followup-bg: #ECE8F1;    --cat-followup-ink: #5E5078;
  --cat-date-bg: #F1E7E9;        --cat-date-ink: #85505D;
  --cat-document-bg: #E4ECEC;    --cat-document-ink: #3F6669;
  --cat-saved-bg: #EFE9E2;       --cat-saved-ink: #75593F;
  --cat-idea-bg: #EFEDDC;        --cat-idea-ink: #6A6330;

  /* type */
  --font-display: "Unbounded", "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-ui: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --font-title: "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif; /* item titles, numbers — Unbounded stays for hero headlines only */
  --weight-title: 800;
  --weight-display: 700;
  --weight-ui-strong: 700;
  --tracking-display: -0.02em;
  --text-hero: 26px;   /* DO THIS NOW title */
  --text-h1: 26px;     /* screen titles */
  --text-h2: 13px;     /* section labels (uppercase) */
  --text-body: 16px;
  --text-small: 13.5px;

  /* shape */
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* depth & motion */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);
  --shadow-float: 0 12px 32px rgba(18, 17, 20, .16), 0 2px 6px rgba(18, 17, 20, .08);
  --shadow-accent: 0 10px 24px rgba(255, 75, 31, .32);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur: 220ms;

  /* layout */
  --app-max: 480px;
  --pad: 20px;
  --nav-h: 68px;
}