/**
 * NADIR Signature Visual System — charcoal, gray, magma
 * Import on every HTML page before other NADIR stylesheets.
 */
:root {
  /* Charcoal depth stack */
  --nadir-charcoal-1000: #060708;
  --nadir-charcoal-950: #0a0b0d;
  --nadir-charcoal-900: #0f1115;
  --nadir-charcoal-850: #13161c;
  --nadir-charcoal-800: #181c23;
  --nadir-charcoal-750: #1e232b;
  --nadir-charcoal-700: #252b34;
  --nadir-charcoal-600: #2f3641;

  /* Neutral gray stack */
  --nadir-gray-700: #3d4654;
  --nadir-gray-600: #5a6472;
  --nadir-gray-500: #7a8494;
  --nadir-gray-400: #9aa3b0;
  --nadir-gray-300: #bcc3cd;
  --nadir-gray-200: #dce1e8;
  --nadir-gray-100: #f0f2f5;

  /* Magma accent stack */
  --nadir-magma-900: #7c1d0a;
  --nadir-magma-800: #9a2f12;
  --nadir-magma-700: #b83814;
  --nadir-magma-600: #cf3e1f;
  --nadir-magma-500: #e85a24;
  --nadir-magma-400: #f97316;
  --nadir-magma-350: #fb923c;
  --nadir-magma-300: #fdba74;
  --nadir-magma-glow: rgba(249, 115, 22, 0.42);
  --nadir-magma-glow-soft: rgba(232, 90, 36, 0.18);

  /* Brand logo palette (from nadir-logo.jpg) */
  --nadir-logo-violet: #8f2d8a;
  --nadir-logo-rose: #e6005c;
  --nadir-logo-orange: #ff7a00;
  --nadir-logo-gold: #ffd700;
  --nadir-logo-peach: #ffb380;
  --nadir-logo-border: rgba(255, 179, 128, 0.42);
  /* Display gradient — warm magma + white (headlines, not logo mark) */
  --nadir-gradient-display: linear-gradient(
    115deg,
    #f3f5f7 0%,
    #ffe8c8 22%,
    #ffb14a 42%,
    #ff6d2e 62%,
    #db4722 82%,
    #d88949 100%
  );
  --nadir-gradient-brand: var(--nadir-gradient-display);

  /* Semantic aliases (landing + pages) */
  --bg: var(--nadir-charcoal-950);
  --bg2: var(--nadir-charcoal-900);
  --bg3: var(--nadir-charcoal-800);
  --bg-elev-1: var(--nadir-charcoal-900);
  --bg-elev-2: var(--nadir-charcoal-800);
  --bg-elev-3: var(--nadir-charcoal-750);
  --surface: var(--nadir-charcoal-800);
  --surface-alt: var(--nadir-charcoal-750);
  --surface-raised: var(--nadir-charcoal-700);
  --surface-2: var(--nadir-charcoal-750);
  --line: var(--nadir-charcoal-600);
  --line-strong: var(--nadir-gray-700);
  --border: var(--nadir-charcoal-600);
  --border2: var(--nadir-gray-700);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-magma: rgba(249, 115, 22, 0.35);

  --text: #f2f4f7;
  --text-main: var(--text);
  --text2: var(--nadir-gray-300);
  --text3: var(--nadir-gray-500);
  --text-soft: var(--nadir-gray-400);
  --muted: var(--nadir-gray-400);

  --accent: var(--nadir-magma-600);
  --accent2: var(--nadir-magma-700);
  --accent-bright: var(--nadir-magma-300);
  --brand: var(--nadir-magma-500);
  --brand-deep: var(--nadir-magma-800);
  --brand-glow: var(--nadir-magma-glow);

  --red: #ff3b30;
  --amber: #ffb14a;
  --ok: #34c759;
  --warn: var(--amber);

  /* Typography */
  --display: "Plus Jakarta Sans", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --body: "Manrope", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Layout */
  --container: min(1180px, calc(100% - 2rem));
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  /* Layered elevation shadows */
  --shadow-layer-0: none;
  --shadow-layer-1: 0 4px 14px rgba(0, 0, 0, 0.28), 0 0 0 1px var(--border-subtle);
  --shadow-layer-2: 0 12px 32px rgba(0, 0, 0, 0.38), 0 0 0 1px var(--border-subtle);
  --shadow-layer-3: 0 24px 56px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --shadow-magma: 0 14px 36px var(--nadir-magma-glow-soft);
  --shadow: var(--shadow-layer-2);
  --elev-shadow: var(--shadow-layer-3);
  --soft-glass: rgba(255, 255, 255, 0.035);

  /* Motion */
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --dur-fast: 140ms;
  --dur-med: 280ms;
  --dur-slow: 520ms;
}