@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* === Surfaces === */
  --bg-0: #000000;
  --bg-1: #07070a;
  --bg-2: #0f0f12;
  --bg-3: #16161a;
  --bg-4: #1e1e22;
  --bg-amber-0: #1a0f03;
  --bg-amber-1: #2a1808;

  /* === Borders === */
  --border: #1f1f24;
  --border-strong: #2e2e35;
  --border-accent: rgba(255, 144, 0, 0.32);

  /* === Text === */
  --text-0: #f8f8f8;
  --text-1: #c4c4ca;
  --text-2: #82828a;
  --text-3: #54545c;

  /* === Accent === */
  --accent: #ff9000;
  --accent-soft: #ffb547;
  --accent-deep: #ff6a00;
  --accent-dim: rgba(255, 144, 0, 0.12);
  --accent-glow: rgba(255, 144, 0, 0.35);

  /* === Status === */
  --success: #22c55e;
  --warn: #f59e0b;
  --danger: #ef4444;
  --info: #3b82f6;

  /* === Radii === */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 999px;

  /* === Shadows === */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.6);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 0 1px rgba(255, 144, 0, 0.18), 0 8px 32px rgba(255, 106, 0, 0.2);
  --shadow-glow-lg: 0 0 0 1px rgba(255, 144, 0, 0.25), 0 24px 60px rgba(255, 106, 0, 0.25);

  /* === Motion === */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 150ms;
  --dur: 240ms;
  --dur-slow: 480ms;
  --dur-xslow: 800ms;

  /* === Fonts === */
  --font-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* === Gradients === */
  --grad-accent: linear-gradient(135deg, #ff9000 0%, #ff6a00 100%);
  --grad-accent-soft: linear-gradient(135deg, #ffb547 0%, #ff9000 100%);
  --grad-amber: linear-gradient(180deg, rgba(255, 144, 0, 0.08) 0%, transparent 60%);
  --grad-card: linear-gradient(180deg, rgba(255, 144, 0, 0.025) 0%, transparent 40%);
  --grad-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
  --grad-glass: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
}