/* Hallmark · genre: playful · macrostructure: Bento Grid · theme: custom
 * vibe: "дружній, ультра-сучасний, живий — Apple у світі курсових"
 * paper: oklch(98.5% 0.006 300) · accent: oklch(84% 0.185 128) lime + oklch(72% 0.135 292) lavender
 * display: Unbounded (echoes logo wordmark) · body: Manrope · axes: light / geometric-sans / chromatic-multi (lime+lavender)
 * studied: no · context: explicit · brand: Happy Student (HS)
 */

:root {
  /* ---- Paper / surface ---- */
  --paper:        oklch(98.6% 0.006 300);
  --paper-2:      oklch(96.8% 0.011 298);
  --paper-3:      oklch(94.4% 0.016 296);
  --paper-ink:    oklch(24% 0.035 292);   /* dark surface */

  /* ---- Ink / text ---- */
  --ink:          oklch(26% 0.036 292);
  --ink-2:        oklch(46% 0.030 292);
  --muted:        oklch(60% 0.022 292);
  --on-dark:      oklch(97% 0.010 300);
  --on-dark-2:    oklch(80% 0.020 296);

  /* ---- Rules ---- */
  --rule:         oklch(90.5% 0.013 298);
  --rule-2:       oklch(93.5% 0.010 300);
  --rule-dark:    oklch(38% 0.030 292);

  /* ---- Accents: lime primary, lavender secondary ---- */
  --lime:         oklch(85% 0.185 128);
  --lime-soft:    oklch(93% 0.10 128);
  --lime-tint:    oklch(96.5% 0.045 128);
  --lime-deep:    oklch(55% 0.13 137);   /* lime as text on light */

  --lav:          oklch(72% 0.135 292);
  --lav-soft:     oklch(89% 0.065 292);
  --lav-tint:     oklch(95.5% 0.030 292);
  --lav-deep:     oklch(50% 0.155 292);  /* lavender as text on light */

  --coral:        oklch(74% 0.14 25);    /* tiny 3rd spark, used <1% */

  /* Signature gradient (never on text — gate 2) */
  --grad-brand:   linear-gradient(118deg, var(--lime) 0%, var(--lav) 100%);
  --grad-soft:    linear-gradient(135deg, var(--lime-tint) 0%, var(--lav-tint) 55%, var(--paper) 100%);
  --grad-aura:    radial-gradient(60% 60% at 20% 15%, oklch(85% 0.16 128 / .55), transparent 70%),
                  radial-gradient(55% 55% at 85% 30%, oklch(74% 0.13 292 / .50), transparent 70%),
                  radial-gradient(50% 50% at 60% 95%, oklch(82% 0.10 200 / .35), transparent 70%);

  /* ---- Text on fills ---- */
  --on-lime:      var(--ink);
  --on-lav:       var(--on-dark);

  /* ---- Focus ---- */
  --focus:        oklch(56% 0.19 292);

  /* ---- Type ---- */
  --font-display: "Unbounded", "Manrope", system-ui, sans-serif;
  --font-body:    "Manrope", system-ui, -apple-system, sans-serif;
  --font-hand:    "Caveat", "Manrope", cursive;

  --text-xs:   0.8125rem;
  --text-sm:   0.9125rem;
  --text-base: 1.0625rem;
  --text-lg:   clamp(1.15rem, 1.06rem + 0.35vw, 1.3rem);
  --text-xl:   clamp(1.4rem, 1.2rem + 0.9vw, 1.85rem);
  --text-2xl:  clamp(1.85rem, 1.5rem + 1.7vw, 2.7rem);
  --text-3xl:  clamp(2.3rem, 1.7rem + 2.9vw, 3.6rem);
  --display-s: clamp(2.4rem, 1.7rem + 3.2vw, 4rem);
  --display:   clamp(2.9rem, 1.9rem + 4.7vw, 5.4rem);

  --lh-tight:  1.04;
  --lh-snug:   1.16;
  --lh-body:   1.62;

  /* ---- Space (4pt) ---- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8.5rem;

  /* ---- Radius (brand = soft, Apple-round) ---- */
  --radius-sm:   10px;
  --radius-md:   18px;
  --radius-lg:   26px;
  --radius-xl:   34px;
  --radius-2xl:  44px;
  --radius-pill: 999px;

  /* ---- Elevation (tinted, soft) ---- */
  --shadow-sm:  0 2px 8px -4px oklch(50% 0.06 292 / .35);
  --shadow-md:  0 14px 34px -18px oklch(50% 0.09 292 / .40);
  --shadow-lg:  0 30px 70px -34px oklch(50% 0.11 292 / .45);
  --shadow-lime: 0 16px 40px -18px oklch(70% 0.18 128 / .55);

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --dur-fast:  140ms;
  --dur:       240ms;
  --dur-slow:  460ms;

  /* ---- Layout ---- */
  --maxw:      1340px;
  --maxw-text: 68ch;
  --nav-h:     72px;
}