/* ══════════════════════════════════════════════════
   SCALINQ Brand System 2026
   Shared tokens, fonts & base styles
   ══════════════════════════════════════════════════ */

/* ── BRAND TOKENS ── */
:root {
  /* Core palette */
  --violet:      #6C5CE7;
  --violet-soft: #8B7EED;
  --violet-deep: #5A4BD1;
  --violet-glow: rgba(108, 92, 231, 0.25);
  --white:       #FFFFFF;
  --void:        #0F0A2E;
  --void-light:  #150F3A;
  --void-card:   #1A1344;

  /* Extended palette */
  --lavender:    #C8C0F4;
  --mist:        #E8E5F8;

  /* Borders */
  --border:      rgba(108, 92, 231, 0.12);
  --border-soft: rgba(108, 92, 231, 0.20);

  /* Text — dark mode */
  --text:        #FFFFFF;
  --text-mid:    #C8C0F4;
  --text-muted:  #9B93C9;
  --text-dim:    #6E66A3;

  /* Text — light mode */
  --text-on-light:       #0F0A2E;
  --text-on-light-mid:   #4A4570;
  --text-on-light-muted: #6E66A3;
  --text-on-light-dim:   #9B93C9;

  /* Status */
  --green:       #4ade80;
  --green-deep:  #16a34a;
  --green-bg:    rgba(74, 222, 128, 0.10);
  --green-bd:    rgba(74, 222, 128, 0.30);
  --red:         #f87171;
  --red-deep:    #dc2626;
  --red-bg:      rgba(248, 113, 113, 0.08);
  --red-bd:      rgba(248, 113, 113, 0.25);
}

/* ── FONT LOADING ── */
/* Satoshi: loaded via fontshare in HTML */
/* Inter: loaded via Google Fonts in HTML */
/* Caveat: loaded via Google Fonts in HTML */

/* ── BASE RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── CAVEAT HANDWRITING ── */
.caveat {
  font-family: 'Caveat', cursive;
  color: var(--violet-soft);
  font-size: 1.8em;
}