/* ============================================================
   Feasy Pro Landing — Design tokens
   Derived from the app's warm-pastel palette (src/app/globals.css):
   teal primary, terracotta secondary, peach highlights, sage
   accents, warm linen surfaces, warm near-black ink.
   ============================================================ */

:root {
  /* ── Brand core ── */
  --teal: #005b5c;
  --teal-bright: #0a8486;
  --teal-dim: #004345;
  --teal-deep: #012f30;
  --terracotta: #6d4c41;
  --terracotta-bright: #9c6a58;
  --peach: #ffccbc;
  --peach-soft: #ffe0d6;
  --sage: #5a6350;
  --sage-mist: #d2dac8;
  --sage-light: #e2ebe9;

  /* ── Surfaces ── */
  --linen: #faf7f0;
  --linen-tint: #f3ede3;
  --surface-mid: #ede6db;
  --white: #ffffff;
  --ink: #2d2926;
  --ink-deep: #16120f;
  --ink-warm: #1f1a16;

  /* ── Text ── */
  --text: #2d2926;
  --text-soft: #6b6560;
  --text-faint: #b5aea2;
  --text-on-dark: #f6f1e8;
  --text-on-dark-soft: rgba(246, 241, 232, 0.68);
  --text-on-dark-faint: rgba(246, 241, 232, 0.42);

  /* ── Lines ── */
  --line: #e4ddd1;
  --line-strong: #b5aea2;
  --line-on-dark: rgba(246, 241, 232, 0.12);

  /* ── Signature gradients ── */
  --grad-brand: linear-gradient(135deg, #0a8486 0%, #005b5c 45%, #004345 100%);
  --grad-brand-hover: linear-gradient(135deg, #0d9698 0%, #076c6d 45%, #005152 100%);
  --grad-sunrise: linear-gradient(120deg, #ffccbc 0%, #f4b8a4 55%, #dba18f 100%);
  --grad-ember: linear-gradient(135deg, #9c6a58 0%, #6d4c41 60%, #52382f 100%);
  --grad-sage: linear-gradient(135deg, #e2ebe9 0%, #d2dac8 100%);
  --grad-ink: linear-gradient(160deg, #2d2926 0%, #16120f 100%);
  --grad-text: linear-gradient(105deg, #ffe0d6 0%, #ffccbc 38%, #7fd0cd 75%, #3aa6a4 100%);
  --grad-ring: conic-gradient(
    from 190deg,
    rgba(255, 204, 188, 0),
    rgba(255, 204, 188, 0.85),
    rgba(10, 132, 134, 0.9),
    rgba(255, 204, 188, 0)
  );

  /* ── Type ── */
  --font-heading: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-ui: "Manrope", "Avenir Next", system-ui, sans-serif;
  --font-body: "DM Sans", "Helvetica Neue", system-ui, sans-serif;

  /* ── Radii / shadows ── */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(45, 41, 38, 0.07), 0 1px 2px rgba(45, 41, 38, 0.05);
  --shadow-md: 0 10px 24px -8px rgba(45, 41, 38, 0.16), 0 2px 6px rgba(45, 41, 38, 0.06);
  --shadow-lg: 0 32px 64px -24px rgba(45, 41, 38, 0.32), 0 8px 20px -8px rgba(45, 41, 38, 0.1);
  --shadow-glow-teal: 0 8px 40px -6px rgba(10, 132, 134, 0.45);
  --shadow-glow-peach: 0 8px 40px -8px rgba(255, 204, 188, 0.35);

  /* ── Layout ── */
  --container: 1180px;
  --nav-h: 72px;
  --section-pad: clamp(84px, 12vw, 148px);

  /* ── Motion ── */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.44, 1);
  --dur: 0.7s;
}