/* =============================================================================
   THEME: NIGHT (v2). Palette copied from dashboard/themes/acme.css. Dark,
   cool slate, electric blue accent. This file defines the full semantic
   token set (surfaces, ink, rules, accent, status, type, shape, depth,
   motion, layout, texture) so v2 never links a V1 theme file.
   Applied as the default (:root) and explicitly via [data-theme="night"].
   No CDN: the acme source's Google Fonts import is replaced with a system
   font stack that reads the same (Inter-class grotesque).
   ========================================================================== */

:root, [data-theme="night"] {
  /* Surfaces , cool deep slate */
  --surface-1: #0E1217;
  --surface-2: #151B22;
  --surface-3: #1C232C;

  /* Ink , cool light gray */
  --ink-1: #EAEEF4;
  --ink-2: #9BA6B4;
  --ink-3: #5E6875;

  /* Rules */
  --rule:        rgba(234,238,244,0.09);
  --rule-strong: rgba(234,238,244,0.18);

  /* Primary accent , electric blue */
  --accent:      #4F8CFF;
  --accent-dim:  rgba(79,140,255,0.20);
  --accent-soft: rgba(79,140,255,0.08);
  --on-accent:   #06101f;

  /* Secondary accent , warm amber */
  --accent-2:     #E0A14B;
  --accent-2-dim: rgba(224,161,75,0.18);

  /* Spotlight , blue -> cyan gradient */
  --spotlight: linear-gradient(100deg, #4F8CFF 0%, #4FB8FF 50%, #54E0D6 100%);
  --spotlight-solid: #4FB8FF;

  /* Semantic status */
  --ok:        #46C98A;  --ok-dim:     rgba(70,201,138,0.16);
  --warn:      #E0A14B;  --warn-dim:   rgba(224,161,75,0.18);
  --danger:    #F0584E;  --danger-dim: rgba(240,88,78,0.16);

  /* Typography , system stack in the Inter class, no CDN fetch */
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, monospace;
  --weight-display: 600;
  --tracking-display: -0.022em;
  --feature-settings: normal;

  /* Shape , tighter, more "app" */
  --radius:      10px;
  --radius-sm:   8px;
  --radius-pill: 999px;

  /* Depth , neutral elevation */
  --shadow-card:   0 1px 0 rgba(255,255,255,0.03) inset, 0 14px 34px -26px rgba(0,0,0,0.9);
  --shadow-lift:   0 24px 54px -32px rgba(0,0,0,0.9);
  --shadow-accent: 0 12px 36px -18px var(--accent);

  /* Motion */
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.14s;
  --dur:      0.26s;
  --dur-slow: 0.6s;

  /* Layout */
  --maxw:   1240px;
  --gutter: clamp(20px, 4vw, 56px);

  /* Texture , clean, no grain, faint blue ambient only */
  --grain-opacity: 0;
  --ambient-1: rgba(79,140,255,0.07);
  --ambient-2: rgba(84,224,214,0.03);

  color-scheme: dark;
}