:root {
  color-scheme: dark;
  --font-heading: "Cabinet Grotesk", sans-serif;
  --font-body: "Satoshi", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 20px;
  --border: 1px solid rgba(255, 255, 255, 0.12);
  --shadow-soft: 0 20px 40px rgba(0, 0, 0, 0.2);
  --content-width: 1240px;
  --surface-0: #111111;
  --surface-1: #171717;
  --surface-2: #1f1f1f;
  --surface-3: #282828;
  --text-0: #f2eee7;
  --text-1: #d6d0c5;
  --text-2: #a59d8f;
  --accent: #f2a544;
  --accent-soft: rgba(242, 165, 68, 0.16);
  --accent-strong: #ffbe69;
  --danger: #f07f61;
  --success: #79d29d;
  --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1.5'%3E%3Cpath d='M22 108V44l24-8v56'/%3E%3Ccircle cx='22' cy='110' r='8'/%3E%3Ccircle cx='46' cy='92' r='8'/%3E%3Cpath d='M80 40c12 0 22 10 22 22s-10 22-22 22-22-10-22-22 10-22 22-22Zm-14 22h28'/%3E%3Cpath d='M104 110c8-10 12-18 12-24 0-8-6-14-14-14-8 0-14 6-14 14 0 6 4 14 12 24'/%3E%3C/g%3E%3C/svg%3E");
}

:root[data-theme="light"] {
  color-scheme: light;
  --surface-0: #f5f1ea;
  --surface-1: #ffffff;
  --surface-2: #ece6db;
  --surface-3: #e0d6c7;
  --text-0: #15120f;
  --text-1: #2f2a25;
  --text-2: #665e54;
  --border: 1px solid rgba(21, 18, 15, 0.12);
  --shadow-soft: 0 20px 40px rgba(17, 17, 17, 0.08);
  --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='rgba(21,18,15,0.035)' stroke-width='1.5'%3E%3Cpath d='M22 108V44l24-8v56'/%3E%3Ccircle cx='22' cy='110' r='8'/%3E%3Ccircle cx='46' cy='92' r='8'/%3E%3Cpath d='M80 40c12 0 22 10 22 22s-10 22-22 22-22-10-22-22 10-22 22-22Zm-14 22h28'/%3E%3Cpath d='M104 110c8-10 12-18 12-24 0-8-6-14-14-14-8 0-14 6-14 14 0 6 4 14 12 24'/%3E%3C/g%3E%3C/svg%3E");
}