/* Bintang Tech Studio - Design Tokens */
:root {
  /* Brand surfaces and accents */
  --color-bg-base: #0c0a09;
  --color-bg-subtle: #171310;
  --color-bg-card: #1c1917;
  --color-bg-card-hover: #241f1b;
  --color-bg-glass: rgba(28, 25, 23, 0.78);

  --color-border-subtle: #2a2420;
  --color-border-default: #2a2420;
  --color-border-highlight: rgba(255, 255, 255, 0.1);
  --color-border-active: #c2410c;

  --color-accent: #c2410c;
  --color-accent-hover: #d97706;
  --color-text-muted: #a8a29e;
  --color-text-muted-ivory: #57534e;
  --color-text-sub: #8a817a;

  --color-ivory-50: #fdfbf7;
  --color-ivory-100: #faf7f2;
  --color-ivory-200: #f5efe7;
  --color-ivory-300: #eadfd2;
  --color-ivory-400: #d8cab6;

  --color-obsidian-950: #0c0a09;
  --color-obsidian-900: #1c1917;
  --color-obsidian-850: #241f1b;
  --color-obsidian-800: #2a2420;
  --color-obsidian-700: #3a322c;
  --color-obsidian-600: #4a4038;
  --color-obsidian-500: #6b5f55;
  --color-obsidian-400: #8a817a;
  --color-obsidian-300: #a8a29e;
  --color-obsidian-200: #d6d3d1;

  --color-terracotta-50: #fdf6f2;
  --color-terracotta-100: #faebe2;
  --color-terracotta-400: #de7249;
  --color-terracotta-500: #c85a32;
  --color-terracotta-600: #b04b26;
  --color-terracotta-700: #8e3a1d;

  --color-gold-400: #f59e0b;
  --color-gold-500: #d99b26;
  --color-gold-600: #b47e18;

  --color-emerald-400: #34d399;
  --color-emerald-500: #10b981;
  --color-emerald-600: #059669;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Elevation */
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-float: 0 12px 28px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.06);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;
}