/* =========================================================
   SecureTheCloud Design Tokens
   STC-CORE-DS v1.0
========================================================= */

:root {
  /* =========================
     COLOR — NEUTRALS
  ========================= */
  --stc-black-900: #0E1116;
  --stc-black-800: #141821;
  --stc-black-700: #1C2230;

  --stc-gray-500:  #8A93A5;
  --stc-gray-300:  #C9D1E0;
  --stc-white:     #F5F7FB;

  /* =========================
     COLOR — ACCENTS
  ========================= */
  --stc-blue-core:  #3BA9FF;
  --stc-green-core:#3DFF9A;
  --stc-amber-core:#FFB020;
  --stc-red-core:  #FF5C5C;

  /* =========================
     BORDERS & GLASS
  ========================= */
  --stc-border-subtle: rgba(255,255,255,0.08);
  --stc-border-strong: rgba(255,255,255,0.16);
  --stc-glass-bg:      rgba(20,24,33,0.75);

  /* =========================
     SPACING SCALE (8pt)
  ========================= */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* =========================
     RADIUS
  ========================= */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* =========================
     Z-INDEX
  ========================= */
  --z-nav: 1000;
  --z-overlay: 2000;
}