@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap&subset=vietnamese');

:root {
  --primary: #FF5100;
  --primary-hover: #E04800;
  --primary-light: rgba(255, 81, 0, 0.12);
  --bg: #0D0C0A;
  --surface: #161512;
  --surface-hover: #1E1D19;
  --border: #2D2C28;
  --text: #FFFFFF;
  --muted: #8E8E93;
  --success: #30D158;
  --warning: #FF9F0A;
  --danger: #FF453A;

  --display-font: 'Cormorant Garamond', serif;
  --body-font: 'Outfit', sans-serif;
  --mono-font: 'JetBrains Mono', monospace;
  --radius: 8px;
  --shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

[data-theme="light"] {
  --bg: #F8F8FA;
  --surface: #FFFFFF;
  --surface-hover: #F0F0F5;
  --border: #E5E5EA;
  --text: #0D0C0A;
  --muted: #666668;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}