/* NotSleeping design tokens. DARK MODE ONLY.
   Mirrors lib/theme/not_colors.dart, not_typography.dart, not_spacing.dart
   (post red-accent migration). Consumers never hardcode these values. */

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/SpaceGrotesk-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/SpaceGrotesk-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/SpaceGrotesk-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/SpaceGrotesk-Bold.ttf") format("truetype");
}

:root {
  /* ---- Surfaces (near-black, layered by depth) ---- */
  --ns-surface-primary: #000000;
  --ns-surface-card: #1A1A1A;
  --ns-surface-session: #080808;
  --ns-surface-deep-session: #050505;
  --ns-surface-alarm: #181818;
  --ns-surface-hero: #161310;
  --ns-surface-hero-active: #1F1A12;
  --ns-surface-accent-wash: rgba(209, 187, 154, 0.16);

  /* ---- Text ---- */
  --ns-text-primary: #FFFFFF;
  --ns-text-secondary: #9E9E9E;
  --ns-text-hint: #868686;
  --ns-text-on-accent: #000000;  /* on gold fills */
  --ns-text-on-action: #FFFFFF;  /* on red fills (5.4:1 on #CE201A) */

  /* ---- Brand ---- */
  --ns-brand-accent: #D1BB9A;      /* warm gold: brand & decoration */
  --ns-brand-action: #CE201A;      /* action red: CTA fills, active states */

  /* ---- Borders ---- */
  --ns-border-subtle: #252525;
  --ns-border-medium: #8A8A8F;
  --ns-border-accent: #D1BB9A;
  --ns-border-error: #FF6E4F;
  --ns-border-hero-subtle: rgba(209, 187, 154, 0.22);
  --ns-border-hero-active: rgba(209, 187, 154, 0.50);

  /* ---- State ---- */
  --ns-state-error: #FF6E4F;
  --ns-state-warning: #E0A23B;

  /* ---- Typography ---- */
  --ns-font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --ns-weight-regular: 400;
  --ns-weight-medium: 500;
  --ns-weight-semibold: 600;
  --ns-weight-bold: 700;

  /* ---- Spacing ---- */
  --ns-space-xxs: 2px;
  --ns-space-xs: 4px;
  --ns-space-sm: 8px;
  --ns-space-md: 16px;
  --ns-space-lg: 24px;
  --ns-space-xl: 32px;
  --ns-space-xxl: 48px;
  --ns-space-xxxl: 96px;

  /* ---- Radii ---- */
  --ns-radius-tile: 12px;
  --ns-radius-card: 16px;
  --ns-radius-pill: 999px;
  --ns-radius-cta: 28px;
}

.ns-h1 {
  font-family: var(--ns-font-family);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 1.2;
  color: var(--ns-text-primary);
}