/* ============================================================
   MkrOps — Design Tokens (single source of truth)
   Dark defense-tech. Change a value here, it propagates site-wide.
   AI maintainers: edit ONLY variables in this file to re-theme.
   ============================================================ */
:root {
  /* ---- Color: surfaces (near-black, layered) ---- */
  --c-bg:        #0b0f17;   /* page base */
  --c-bg-2:      #0e131d;   /* alt section */
  --c-panel:     #121826;   /* cards / elevated */
  --c-panel-2:   #161d2e;   /* card hover */
  --c-line:      #1f2940;   /* hairline borders / grid */
  --c-line-soft: #172033;

  /* ---- Color: text ---- */
  --c-text:      #e6edf3;   /* primary */
  --c-muted:     #98a4b8;   /* secondary */
  --c-faint:     #5f6c82;   /* labels / meta */

  /* ---- Color: accent (one signal color — use sparingly) ---- */
  --c-accent:      #34d3ee;  /* electric cyan */
  --c-accent-dim:  #1c8aa0;
  --c-accent-glow: rgba(52, 211, 238, 0.18);
  --c-ok:          #3ddc84;  /* "operational" status only */

  /* ---- Type ---- */
  --f-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --f-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;

  --t-hero:   clamp(2.6rem, 6vw, 5rem);
  --t-h2:     clamp(1.7rem, 3.4vw, 2.6rem);
  --t-h3:     1.15rem;
  --t-body:   1.0625rem;
  --t-small:  0.875rem;
  --t-label:  0.72rem;   /* mono section labels */

  --lh-tight: 1.05;
  --lh-body:  1.65;

  /* ---- Space / layout ---- */
  --maxw:     1120px;
  --gutter:   clamp(1.25rem, 4vw, 3rem);
  --sec-y:    clamp(4.5rem, 9vw, 8rem);
  --radius:   14px;
  --radius-sm: 9px;

  /* ---- Motion ---- */
  --ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --dur:      0.6s;

  color-scheme: dark;
}