/* Keepsake — theme.css  (R0.2 · living color)
   A celebration of life, not a mourning. Warm sunlit paper, garden green,
   sunset gold and coral, a little sky. The palette of a life remembered.
   Placeholder brand set; swap for brand.json once GitHub is linked. */

:root {
  /* Living brand palette */
  --sun:      #E8A33D;   /* warm gold — a life well-lived */
  --sun-soft: #F2C572;
  --coral:    #E86A5C;   /* sunset coral — warmth, love */
  --coral-soft:#F0917F;
  --garden:   #4E9D6C;   /* garden green — growth, living things */
  --garden-soft:#7BBE95;
  --sky:      #4F9BC4;   /* calm sky — open, light */
  --plum:     #7A5A8E;   /* soft plum — depth without gloom */
  --ink:      #3A2E26;   /* warm brown-black, never cold charcoal */

  /* Light (default) — warm, sunlit */
  --bg: #FBF6EC;         /* warm cream paper */
  --bg-raised: #FFFFFF;
  --bg-sunken: #F4ECDC;
  --bg-warm: #FCEFD9;    /* faint gold wash for hero/sections */
  --text: #3A2E26;
  --text-muted: #7A6A58;
  --border: #ECE0CB;
  --border-strong: #D9C8AC;
  --accent: var(--sun);
  --accent-ink: #9A6412;
  --calm: var(--garden);
  --joy: var(--coral);
  --shadow: 0 1px 2px rgba(58, 46, 38, 0.05), 0 10px 30px rgba(232, 163, 61, 0.10);
  --focus: #2F7FA8;

  /* Type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Space + shape */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --tap: 44px;
  --maxw: 68rem;
  --gutter: 16px;

  /* Warm sunrise gradient used on hero + accents */
  --sunrise: linear-gradient(135deg, #F7C96B 0%, #EE9F5A 45%, #E86A5C 100%);
  --meadow: linear-gradient(135deg, #7BBE95 0%, #4E9D6C 100%);
}

/* Dark — warm dusk, not a cold night. Guarded so light choice wins. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #211812;            /* warm dark umber, not charcoal */
    --bg-raised: #2C211A;
    --bg-sunken: #190F0A;
    --bg-warm: #332013;
    --text: #F6EADA;
    --text-muted: #C7B29A;
    --border: #3C2E23;
    --border-strong: #55412F;
    --accent: var(--sun-soft);
    --accent-ink: #F3D199;
    --calm: var(--garden-soft);
    --joy: var(--coral-soft);
    --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 10px 30px rgba(0,0,0,0.45);
    --focus: #79C0E8;
  }
}

:root[data-theme="dark"] {
  --bg: #211812;
  --bg-raised: #2C211A;
  --bg-sunken: #190F0A;
  --bg-warm: #332013;
  --text: #F6EADA;
  --text-muted: #C7B29A;
  --border: #3C2E23;
  --border-strong: #55412F;
  --accent: var(--sun-soft);
  --accent-ink: #F3D199;
  --calm: var(--garden-soft);
  --joy: var(--coral-soft);
  --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 10px 30px rgba(0,0,0,0.45);
  --focus: #79C0E8;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}