tokens.css 847 B

1234567891011121314151617181920212223242526272829303132
  1. :root {
  2. --brand-primary: #2f3541;
  3. --brand-primary-dark: #242a33;
  4. --brand-danger: #cf2e2e;
  5. --brand-danger-dark: #b12727;
  6. --brand-accent: #cac300;
  7. --brand-dark: #1b1b1b;
  8. --brand-text: #f5f7fb;
  9. --brand-muted: #c7ccd6;
  10. --brand-surface: #2f3541;
  11. --brand-surface-alt: #3a4150;
  12. --brand-bg: #28292a;
  13. --brand-border: #3b4252;
  14. /* Compatibility aliases for existing selectors */
  15. --bg: var(--brand-bg);
  16. --surface: var(--brand-surface);
  17. --text: var(--brand-text);
  18. --muted: var(--brand-muted);
  19. --border: var(--brand-border);
  20. --primary: var(--brand-primary);
  21. --danger: var(--brand-danger);
  22. --radius: 8px;
  23. --space-1: 0.5rem;
  24. --space-2: 1rem;
  25. --space-3: 1.5rem;
  26. --space-4: 2rem;
  27. --space-5: 2.5rem;
  28. --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  29. }