/* src/global/css/variables.css */
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');

:root {
  --bg-gradient: linear-gradient(160deg, #2a2a2a, #0f0f0f);
  --text-color: #f1f1f1;
  --text-muted: rgba(255, 255, 255, 0.65);
  --glass-bg: rgba(255, 255, 255, 0.04);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-hover: rgba(255, 255, 255, 0.08);
  --petal-color: #94a3b8;
  --sakura-petal-color: #d4a0aa;
  --nav-divider: rgba(255, 255, 255, 0.08);
  --drawer-bg: rgba(20, 20, 20, 0.85);
}

[data-theme="light"] {
  --bg-gradient: linear-gradient(160deg, #d6d9df, #b9bcc4);
  --text-color: #2c2c2c;
  --text-muted: #64748b;
  --glass-bg: rgba(255, 255, 255, 0.4);
  --glass-border: rgba(0, 0, 0, 0.08);
  --glass-hover: rgba(0, 0, 0, 0.05);
  --petal-color: #64748b;
  --sakura-petal-color: #ff9fb3;
  --nav-divider: rgba(0, 0, 0, 0.1);
  --drawer-bg: rgba(240, 240, 240, 0.85);
}