@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap");

:root {
  --color-black: #0c0c0d;
  --color-ink: #151516;
  --color-ink-2: #1d1d20;
  --color-gold: #d6a74a;
  --color-gold-soft: #f0d188;
  --color-white: #ffffff;
  --color-mute: #a0a0a6;
  --color-line: #2a2a30;
  --color-success: #46d39a;
  --color-warning: #f2b255;
  --color-danger: #f06b6b;

  --shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.25);
  --shadow-mid: 0 20px 40px rgba(0, 0, 0, 0.35);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --font-sans: "Manrope", "Segoe UI", Arial, sans-serif;
  --font-display: "Cormorant Garamond", "Times New Roman", serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;

  --transition-fast: 150ms ease;
  --transition-mid: 240ms ease;
}

[data-theme="dark"] {
  color-scheme: dark;
}