/*
 * Pulse — Design tokens ("Deep Signal")
 * Single source of truth for color, type, spacing, radius, shadow.
 * All values are CSS variables so themes can be swapped from SiteSettings
 * (Phase 1) by overriding :root on [data-theme="..."].
 */

/* Self-hosted Vazirmatn (no Google Fonts — works offline / in Iran). */
@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Vazirmatn-Regular.cdc140628f11.woff2") format("woff2");
}
@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Vazirmatn-Medium.dd2193b32cbe.woff2") format("woff2");
}
@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Vazirmatn-Bold.7958481fe611.woff2") format("woff2");
}

:root,
[data-theme="deep-signal"] {
  /* Brand gradient */
  --c-primary: #2563eb;        /* electric blue */
  --c-primary-700: #1d4ed8;
  --c-accent: #06b6d4;         /* cyan */
  --gradient-brand: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);

  /* Ink & surfaces */
  --c-ink: #0b1220;            /* near-black navy */
  --c-surface-dark: #111a2e;
  --c-bg: #f6f8fb;             /* light background */
  --c-card: #ffffff;
  --c-border: #e6eaf2;         /* hairline */

  /* Text */
  --c-text: #0b1220;
  --c-text-muted: #475569;
  --c-text-subtle: #94a3b8;

  /* States */
  --c-success: #10b981;
  --c-warning: #f59e0b;
  --c-danger: #ef4444;

  /* Typography */
  --font-sans: "Vazirmatn", system-ui, "Segoe UI", Tahoma, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.5rem;

  /* Radius & shadow */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-soft: 0 6px 24px rgba(11, 18, 32, 0.06);
  --shadow-card: 0 1px 2px rgba(11, 18, 32, 0.04), 0 8px 24px rgba(11, 18, 32, 0.05);

  /* Layout */
  --container: 1320px;
  --space: 1rem;
}

[data-theme="dark"] {
  --c-bg: #0b1220;
  --c-card: #111a2e;
  --c-border: #1e293b;
  --c-text: #f1f5f9;
  --c-text-muted: #94a3b8;
  --c-text-subtle: #64748b;
}

[data-theme="light-minimal"] {
  --gradient-brand: linear-gradient(135deg, #2563eb 0%, #2563eb 100%);
  --c-bg: #ffffff;
  --c-border: #eef1f6;
}