/* ============================================
   DESIGN TOKENS — NPROJEKT
   ============================================ */

:root {
  /* Typography */
  --font-display:   'Instrument Serif', serif;
  --font-heading:   'Cormorant Garamond', serif;
  --font-body:      'DM Sans', sans-serif;

  /* Easing */
  --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);

  /* Spacing */
  --section-pad:    clamp(4rem, 10vw, 10rem);
  --page-gutter:    3rem;

  /* Z-index scale */
  --z-canvas:      0;
  --z-content:     1;
  --z-local:       2;
  --z-transition:  50;
  --z-compass:     90;
  --z-header:      100;
  --z-nav:         101;
  --z-side-panel:  110;
  --z-tooltip:     150;
  --z-panel:       200;
  --z-overlay:     500;
  --z-grain:       900;
  --z-cursor:      950;
  --z-loader:      1000;
  --z-editor:      9999;
  --z-modal:       10000;
  --z-toast:       10001;
}

/* ---- LIGHT THEME (default) ---- */
:root,
[data-theme="light"] {
  --c-bg:             #ffffff;
  --c-bg-warm:        #faf8f6;
  --c-surface:        #f2eeea;
  --c-text:           #2a2520;
  --c-text-dim:       #7a7269;
  --c-accent:         #b07a50;
  --c-accent-light:   #9a6840;
  --c-line:           rgba(150, 110, 70, 0.15);
  --c-text-strong:          #1a1510;

  /* Glass / overlay surfaces */
  --c-glass:          rgba(255, 255, 255, 0.6);
  --c-glass-heavy:    rgba(255, 255, 255, 0.85);
  --c-glass-hover:    rgba(245, 240, 235, 0.95);
  --c-glass-full:     rgba(255, 255, 255, 0.97);
  --c-glass-subtle:   rgba(255, 255, 255, 0.7);
  --c-glass-border:   rgba(150, 110, 70, 0.1);
  --c-glass-border-s: rgba(150, 110, 70, 0.12);
  --c-input-bg:       rgba(0, 0, 0, 0.03);
  --c-input-focus:    rgba(150, 110, 70, 0.05);
  --c-grad-solid:     rgba(255, 255, 255, 0.9);
  --c-grad-mid:       rgba(255, 255, 255, 0.1);
  --c-services-gap:   rgba(150, 110, 70, 0.12);
  --c-number-ghost:   rgba(150, 110, 70, 0.08);
  --c-quote-ghost:    rgba(150, 110, 70, 0.05);
  --c-logo-shadow1:   rgba(150, 110, 70, 0.2);
  --c-logo-shadow2:   rgba(0, 0, 0, 0.15);
}

/* ---- DARK THEME ---- */
[data-theme="dark"] {
  --c-bg:             #0a0a0a;
  --c-bg-warm:        #0f0d0b;
  --c-surface:        #141210;
  --c-text:           #e8e2d8;
  --c-text-dim:       #8a8279;
  --c-accent:         #c8956c;
  --c-accent-light:   #dbb596;
  --c-line:           rgba(200, 149, 108, 0.15);
  --c-text-strong:          #f5f0ea;

  /* Glass / overlay surfaces */
  --c-glass:          rgba(10, 10, 10, 0.6);
  --c-glass-heavy:    rgba(10, 10, 10, 0.85);
  --c-glass-hover:    rgba(20, 18, 16, 0.9);
  --c-glass-full:     rgba(10, 10, 10, 0.97);
  --c-glass-subtle:   rgba(10, 10, 10, 0.5);
  --c-glass-border:   rgba(200, 149, 108, 0.1);
  --c-glass-border-s: rgba(200, 149, 108, 0.08);
  --c-input-bg:       rgba(255, 255, 255, 0.04);
  --c-input-focus:    rgba(200, 149, 108, 0.05);
  --c-grad-solid:     rgba(10, 10, 10, 0.9);
  --c-grad-mid:       rgba(10, 10, 10, 0.1);
  --c-services-gap:   rgba(200, 149, 108, 0.2);
  --c-number-ghost:   rgba(200, 149, 108, 0.08);
  --c-quote-ghost:    rgba(200, 149, 108, 0.03);
  --c-logo-shadow1:   rgba(200, 149, 108, 0.15);
  --c-logo-shadow2:   rgba(0, 0, 0, 0.4);
}