@font-face {
  font-family: "Panchang";
  src: url("../assets/fonts/Panchang-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Panchang";
  src: url("../assets/fonts/Panchang-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Panchang";
  src: url("../assets/fonts/Panchang-Variable.woff2") format("woff2-variations");
  font-weight: 200 800;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Panchang";
  src: url("../assets/fonts/Panchang-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

:root {
  color-scheme: dark;

  --whale-abyss: #000000;
  --whale-navy: #192444;
  --whale-royal: #1041AF;
  --whale-blue: #3274F6;
  --whale-blue-bright: #325FF3;
  --whale-white: #FFFFFF;

  --bg-primary: #070B14;
  --bg-surface: #0F172A;
  --bg-surface-elevated: #0E1629;
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --border-subtle: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(50, 116, 246, 0.55);
  --accent-primary: #3274F6;
  --accent-btn-bg: rgba(50, 116, 246, 0.30);
  --accent-glow: rgba(50, 116, 246, 0.20);
  --ambient-top: rgba(50, 116, 246, 0.14);
  --badge-bg: rgba(7, 11, 20, 0.72);
  --badge-text: #93C5FD;
  --badge-border: rgba(147, 197, 253, 0.25);
  --card-scrim: linear-gradient(180deg, rgba(7, 11, 20, 0.12) 0%, rgba(7, 11, 20, 0.45) 48%, rgba(7, 11, 20, 0.92) 100%);
  --card-back-scrim: rgba(7, 11, 20, 0.78);

  --font-display: "Panchang", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;

  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --transition-fast: 180ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slide: 380ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-flip: 1920ms cubic-bezier(0.22, 1, 0.36, 1);
}