/* ==========================================================================
   Kya Software — Design Tokens
   Change values here to adjust the visual identity site-wide.
   ========================================================================== */

:root {
  /* ---- Color: warm neutral base, muted rose accent ---- */
  --color-bg: #F7F1E7;           /* page background — warm cream */
  --color-bg-alt: #EFE4D5;       /* alternating section background — deeper beige */
  --color-surface: #FFFDF8;      /* card / raised surface */
  --color-surface-soft: #FBF5EA; /* secondary raised surface */

  --color-ink: #372B22;          /* primary text — warm near-black brown */
  --color-ink-soft: #5B4B3D;     /* secondary text */
  --color-taupe: #97876F;        /* tertiary text, meta, muted labels */

  --color-rose: #C99790;         /* accent — muted dusty rose */
  --color-rose-deep: #A8766D;    /* accent hover / emphasis */
  --color-rose-tint: rgba(201, 151, 144, 0.14);

  --color-border: rgba(87, 68, 51, 0.14);
  --color-border-soft: rgba(87, 68, 51, 0.08);
  --color-shadow: rgba(69, 51, 36, 0.12);

  --color-focus: #8A5A50;

  /* Secondary product accent — used sparingly inside app-specific
     illustrations (e.g. the My Life phone screen) to give a second
     product its own identity without breaking the core palette. */
  --color-sage: #A6AD8C;
  --color-sage-deep: #7C8560;
  --color-sage-tint: rgba(124, 133, 96, 0.14);

  /* Feedback */
  --color-error: #B5473C;

  /* ---- Typography ---- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.5rem, 1.4rem + 4.6vw, 4.4rem);
  --fs-h1: clamp(2.1rem, 1.4rem + 2.6vw, 3rem);
  --fs-h2: clamp(1.55rem, 1.2rem + 1.4vw, 2.05rem);
  --fs-h3: 1.22rem;
  --fs-lead: clamp(1.05rem, 0.95rem + 0.4vw, 1.2rem);
  --fs-body: 1.02rem;
  --fs-small: 0.9rem;
  --fs-micro: 0.8rem;

  --lh-tight: 1.15;
  --lh-heading: 1.28;
  --lh-body: 1.65;

  /* ---- Spacing scale ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.25rem;
  --space-5: 3.5rem;
  --space-6: 5.5rem;
  --space-7: 8.5rem;

  /* ---- Radius ---- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --radius-pill: 999px;

  /* ---- Layout ---- */
  --container-w: 1180px;
  --container-w-narrow: 760px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 220ms;
  --dur-med: 420ms;
  --dur-slow: 720ms;
}

@media (prefers-color-scheme: dark) {
  /* Kya Software presents a single, deliberate warm identity.
     We intentionally do not offer an inverted dark theme, so no
     overrides are defined here. */
}