/* Dasy Float — color, type, and spacing. */

:root {
  --brand-primary: #6b1832;
  --brand-secondary: #c6a15a;
  --brand-accent: #e4c56a;

  --surface-base: #f5f0e8;
  --surface-raised: #efe6d6;
  --surface-inverse: #6b1832;
  --surface-ink: #1c1412;

  --text-primary: #1c1412;
  --text-secondary: #5a403c;
  --text-inverse: #f5f0e8;
  --text-inverse-soft: #f3e6c4;
  --text-on-accent: #1c1412;

  --border-subtle: rgba(28, 20, 18, 0.16);
  --border-strong: #6b1832;

  --stripe: rgba(107, 24, 50, 0.14);
  --stripe-soft: rgba(107, 24, 50, 0.05);
  --stripe-ink: rgba(28, 20, 18, 0.16);
  --gold-wash: rgba(198, 161, 90, 0.22);
  --primary-wash: rgba(107, 24, 50, 0.08);
  --scrim: rgba(28, 20, 18, 0.82);

  --font-display: "Unbounded", "Crimson Pro", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;
  --font-body: "Crimson Pro", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;

  --text-hero: clamp(3.5rem, 10vw, 9rem);
  --text-h1: clamp(2.5rem, 6vw, 5rem);
  --text-h2: clamp(1.75rem, 4vw, 3rem);
  --text-h3: clamp(1.25rem, 2.5vw, 1.75rem);
  --text-body: clamp(1rem, 1.5vw, 1.125rem);
  --text-sm: clamp(0.75rem, 1vw, 0.875rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --shadow-panel: 0 24px 60px rgba(28, 20, 18, 0.14);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: clip;
  color: var(--text-primary);
  background-color: var(--surface-base);
  background-image:
    radial-gradient(ellipse 70% 45% at 0% -10%, var(--gold-wash), transparent 60%),
    radial-gradient(ellipse 50% 40% at 100% 0%, var(--primary-wash), transparent 55%),
    repeating-linear-gradient(-45deg, transparent 0 18px, var(--stripe-soft) 18px 19px);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: var(--text-body);
  line-height: 1.6;
  font-feature-settings: "liga" 1, "onum" 1, "kern" 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: var(--brand-primary);
  color: var(--text-inverse);
}