/**
 * Radeon Design System Tokens
 * Defines CSS custom properties for typography, color palette, elevations, and layout.
 */

:root {
  /* Brand Color Palette */
  --radeon-primary: #BD3C16;
  --radeon-primary-hover: #9E2F0F;
  --radeon-primary-subtle: rgba(189, 60, 22, 0.08);

  --radeon-dark: #1F242E;
  --radeon-dark-card: #282E3A;
  --radeon-dark-muted: #3B4250;

  --radeon-bg: #F7F6F1;
  --radeon-bg-alt: #EEECE1;
  --radeon-bg-card: #FFFFFF;

  --radeon-border: #DCD9CB;
  --radeon-border-light: rgba(220, 217, 203, 0.45);

  --radeon-text: #373C44;
  --radeon-text-light: #767B85;
  --radeon-text-inverse: #FFFFFF;
  --radeon-gold: #C89D56;

  /* Typography */
  --radeon-font-heading: 'Antonio', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --radeon-font-body: 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --radeon-font-accent: 'Antonio', sans-serif;

  /* Letter Spacings */
  --radeon-letter-spacing-heading: 0.04em;
  --radeon-letter-spacing-pill: 0.12em;

  /* Transitions */
  --radeon-transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --radeon-transition-smooth: 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  --radeon-transition-bounce: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Shadows */
  --radeon-shadow-sm: 0 2px 8px rgba(31, 36, 46, 0.04);
  --radeon-shadow-md: 0 8px 24px rgba(31, 36, 46, 0.08);
  --radeon-shadow-lg: 0 16px 48px rgba(31, 36, 46, 0.12);

  /* Container */
  --radeon-container-max: 1320px;
  --radeon-gutter: 24px;
}