/* Peaceful Heart Coffee - Design System Tokens */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Quicksand:wght@600;700&family=Nunito:wght@700;800&family=Noto+Serif+SC:wght@400;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  /* Typography */
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', sans-serif;
  --font-rounded: 'Quicksand', 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Noto Serif SC', 'Playfair Display', Georgia, serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Color Palette - Dark Geek Mode (Default) */
  --bg-primary: #0f0d0b;
  --bg-secondary: #171310;
  --bg-tertiary: #1f1a16;
  
  --ink-primary: #f5f2ed;
  --ink-secondary: #b5aba1;
  --ink-tertiary: #756a5e;
  --ink-inverse: #14100c;

  /* Specialty Coffee Artisan Hues */
  --amber-gold: #e5b967;
  --amber-glow: rgba(229, 185, 103, 0.25);
  --espresso: #d59161;
  --espresso-deep: #8a4f2b;
  --espresso-soft: rgba(213, 145, 97, 0.16);
  --cyan-geek: #5ec8d8;
  --cyan-soft: rgba(94, 200, 216, 0.14);
  --success: #67c28d;
  --success-soft: rgba(103, 194, 141, 0.15);
  --danger: #ef7d6e;
  --danger-soft: rgba(239, 125, 110, 0.16);

  /* Glassmorphism & Elevation */
  --glass-surface: rgba(26, 21, 18, 0.72);
  --glass-elevated: rgba(36, 29, 24, 0.85);
  --glass-border: rgba(255, 255, 255, 0.10);
  --glass-border-subtle: rgba(255, 255, 255, 0.05);
  --field-bg: rgba(18, 14, 12, 0.65);
  --field-border: rgba(229, 185, 103, 0.18);
  --field-border-active: #e5b967;

  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.65), 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 30px rgba(229, 185, 103, 0.18);

  /* Layout geometry */
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-full: 9999px;

  /* Animation Easings */
  --ease-spring: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  --ease-smooth: cubic-bezier(0.2, 0.8, 0.2, 1);
  --duration-fast: 160ms;
  --duration-norm: 260ms;
  --duration-slow: 450ms;
}

/* Light Mode: Latte Linen & Warm Paper */
[data-theme="light"] {
  --bg-primary: #f6f3ed;
  --bg-secondary: #eee9e0;
  --bg-tertiary: #e3dcd1;

  --ink-primary: #1e1713;
  --ink-secondary: #5f5449;
  --ink-tertiary: #928476;
  --ink-inverse: #ffffff;

  --amber-gold: #c88d22;
  --amber-glow: rgba(200, 141, 34, 0.22);
  --espresso: #965328;
  --espresso-deep: #5e3013;
  --espresso-soft: rgba(150, 83, 40, 0.12);
  --cyan-geek: #128299;
  --cyan-soft: rgba(18, 130, 153, 0.12);
  --success: #2c8c56;
  --success-soft: rgba(44, 140, 86, 0.12);
  --danger: #cb4635;
  --danger-soft: rgba(203, 70, 53, 0.12);

  --glass-surface: rgba(255, 255, 255, 0.76);
  --glass-elevated: rgba(255, 255, 255, 0.92);
  --glass-border: rgba(180, 160, 140, 0.25);
  --glass-border-subtle: rgba(180, 160, 140, 0.15);
  --field-bg: rgba(248, 245, 240, 0.90);
  --field-border: rgba(150, 83, 40, 0.22);
  --field-border-active: #965328;

  --shadow-sm: 0 3px 8px rgba(60, 40, 25, 0.06);
  --shadow-md: 0 10px 24px rgba(60, 40, 25, 0.08), 0 2px 6px rgba(60, 40, 25, 0.04);
  --shadow-lg: 0 20px 50px rgba(60, 40, 25, 0.12), 0 4px 14px rgba(60, 40, 25, 0.06);
  --shadow-glow: 0 0 28px rgba(200, 141, 34, 0.14);
}