/* SOLARI — Design tokens (single source of truth) */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Source+Serif+4:ital,opsz,wght@0,8..60,300..700;1,8..60,300..700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Surface — never pure white. Cream is welcoming. */
  --cream-50:  #FAF6E9;   /* page brightest */
  --cream-100: #F5EFE6;   /* canvas / background base (logo bg) */
  --cream-200: #EDE4D2;   /* card hairline / divider warm */
  --cream-300: #DBCFB6;   /* deeper paper */

  /* Ink */
  --ink-900: #1F1F1C;     /* primary text — soft black, never #000 */
  --ink-700: #3A3A33;
  --ink-500: #6B675C;     /* secondary text */
  --ink-400: #8E8A7E;     /* tertiary / meta */

  /* Brand accents */
  --sage-700: #4F7A3A;    /* deep sage — primary brand sage */
  --sage-500: #7A8B5C;    /* logo sage / pot color */
  --sage-300: #B6BF95;    /* sage tint */
  --sage-50:  #ECEFDF;    /* sage wash */

  --amber-600: #C77A1F;   /* deep amber */
  --amber-500: #E29831;   /* logo sun amber */
  --amber-300: #F2BE6F;
  --amber-50:  #F8E9CB;

  --terracotta-500: #C66B3D;  /* accent — moments / warmth */
  --clay-500:       #A88B6A;  /* tertiary muted */

  /* Type */
  --font-display: 'DM Serif Display', 'Source Serif 4', Georgia, serif;
  --font-serif:   'Source Serif 4', Georgia, serif;
  --font-sans:    'Inter', -apple-system, system-ui, sans-serif;

  /* Radius */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 28px;

  /* Shadow — soft, never harsh */
  --shadow-soft: 0 1px 2px rgba(31,31,28,0.04), 0 6px 24px rgba(31,31,28,0.06);
  --shadow-card: 0 1px 1px rgba(31,31,28,0.03), 0 12px 40px rgba(31,31,28,0.08);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--ink-900);
  background: var(--cream-100);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}