/* ========================================
   Shared design tokens
   Mirrors projects/omm-ui/styles/_tokens.scss
   ======================================== */

:root {
  color-scheme: light dark;

  --accent:        light-dark(#c75a00, #ffba60);
  --accent-soft:   light-dark(rgba(199, 90, 0, 0.12), rgba(255, 186, 96, 0.18));
  --on-accent:     light-dark(#ffffff, #0c0c0c);

  --surface:       light-dark(#ffffff, #121212);
  --surface-alt:   light-dark(#f5f5f5, #1a1a1a);
  --surface-card:  light-dark(#ffffff, #1f1f1f);

  --text:          light-dark(rgb(24, 24, 24), rgb(248, 248, 248));
  --text-muted:    light-dark(rgb(100, 100, 100), rgb(165, 165, 165));

  --outline:        light-dark(rgb(180, 180, 180), rgb(94, 94, 94));
  --outline-muted:  light-dark(rgb(225, 225, 225), rgb(45, 45, 45));

  --space-xs: 0.25rem;
  --space-s:  0.5rem;
  --space:    1rem;
  --space-l:  1.5rem;
  --space-xl: 2rem;

  --corner-xs: 0.2rem;
  --corner-s:  0.35rem;
  --corner:    0.5rem;
  --corner-l:  1rem;
  --corner-xl: 1.5rem;

  --font:         'Google Sans Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --max-width: 1120px;
}