@layer tokens {
  :root {
    --brand-gold: #c7a12f;
    --brand-gold-700: #9d7c16;
    --brand-gold-100: #f8f0d5;
    --brand-lime: #8bc751;
    --brand-lime-700: #5f922e;
    --brand-lime-100: #edf8e2;
    --brand-green: #0d9c4a;
    --brand-green-700: #087536;
    --brand-green-900: #064c27;
    --brand-green-100: #e3f6ea;
    --ink-950: #122019;
    --ink-800: #27382f;
    --ink-700: #405249;
    --ink-600: #5f7067;
    --ink-500: #7c8b83;
    --line: #dbe5de;
    --surface: #ffffff;
    --surface-soft: #f7faf8;
    --surface-muted: #eef4f0;
    --danger: #b42318;
    --warning: #b54708;
    --info: #175cd3;
    --success: #067647;
    --shadow-xs: 0 1px 2px rgba(18, 32, 25, .06);
    --shadow-sm: 0 8px 24px rgba(18, 32, 25, .08);
    --shadow-md: 0 18px 50px rgba(18, 32, 25, .12);
    --radius-sm: .55rem;
    --radius-md: .85rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;
    --container: 1180px;
    --header-height: 84px;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --font-sans: "Be Vietnam Pro", "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --font-display: "Danta", "Segoe UI", Inter, system-ui, sans-serif;
    --page-accent: var(--brand-green);
    --page-accent-tint: var(--brand-green-100);
    --transition: 180ms ease;
  }
}