/* A.I.MERICA design tokens — edit brand values here */
:root {
  /* Surfaces */
  --navy-950: #030716;
  --navy-900: #060c24;
  --navy-850: #0a1333;
  --navy-800: #0e1a44;
  --navy-700: #16265e;
  --glass: rgba(14, 26, 68, .55);
  --glass-strong: rgba(8, 16, 44, .82);
  --line: rgba(80, 150, 255, .28);
  --line-strong: rgba(90, 180, 255, .55);

  /* Brand */
  --blue: #1f6bff;
  --blue-bright: #3d8bff;
  --cyan: #35e0ff;
  --red: #ff2d4a;
  --red-deep: #c4102b;
  --gold: #f5c451;
  --gold-deep: #b27a18;
  --pink: #ff4f86;
  --purple: #a86bff;
  --white: #f4f8ff;

  /* Text */
  --text: #e9f0ff;
  --text-dim: #aebbe0;
  --text-mute: #7f8db8;

  /* Gradients */
  --grad-gold: linear-gradient(180deg, #fff3c4 0%, #f7cf62 38%, #c48a1f 62%, #ffe08d 82%, #a8700f 100%);
  --grad-chrome: linear-gradient(180deg, #ffffff 0%, #cfe0ff 45%, #7f9bd6 55%, #e6efff 100%);
  --grad-ai: linear-gradient(180deg, #b8f3ff 0%, #35c8ff 45%, #1f6bff 100%);
  --grad-red: linear-gradient(180deg, #ff5a6e 0%, #e3163a 55%, #a50d25 100%);
  --grad-panel: linear-gradient(160deg, rgba(22, 40, 100, .72), rgba(6, 12, 36, .9));

  /* Type */
  --font-display: 'Russo One', 'Arial Black', system-ui, sans-serif;
  --font-cond: 'Oswald', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Shape & depth */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --shadow-deep: 0 30px 80px -20px rgba(0, 0, 0, .75);
  --glow-cyan: 0 0 24px rgba(53, 224, 255, .45);
  --glow-red: 0 0 26px rgba(255, 45, 74, .5);
  --glow-gold: 0 0 26px rgba(245, 196, 81, .45);

  --header-h: 72px;
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1320px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}