/* SEYOCK Design Tokens */
:root {
  /* Brand */
  --ink: #0E0E10;
  --ink-2: #1A1A1E;
  --graphite: #3A3A40;
  --slate: #6B6B73;
  --mute: #9A9AA2;
  --line: #E4E4E8;
  --line-2: #EFEFF2;
  --paper: #FAFAF7;
  --paper-2: #F4F3EE;
  --white: #FFFFFF;

  --magenta: #E6005A;
  --magenta-700: #C20049;
  --magenta-50: #FFE9F0;

  /* Type */
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Scale */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* Shadows — restrained */
  --shadow-sm: 0 1px 2px rgba(14,14,16,.04), 0 1px 1px rgba(14,14,16,.03);
  --shadow-md: 0 6px 18px rgba(14,14,16,.06), 0 2px 4px rgba(14,14,16,.04);
  --shadow-lg: 0 24px 60px rgba(14,14,16,.10), 0 6px 14px rgba(14,14,16,.05);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--paper);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}