/* theme.css - Design Tokens */
:root {
  --brand: #8B0000;
  --brand-hover: #6F0000;
  --ink: #111111;
  --ink-2: #4A4A4A;
  --bg: #FAFAFA;
  --surface: #FFFFFF;
  --line: #E6E6E6;
  --danger: #C62828;
  --success: #1E7F4F;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 999px;

  --shadow-1: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-2: 0 4px 6px rgba(0,0,0,0.1);

  --z-header: 100;
  --z-sticky-bar: 90;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;

  --header-h: 56px;
}

@media (min-width: 1024px) {
  :root {
    --header-h: 72px;
  }
}