/* DeSoware design tokens. Dark studio look: near black blue surfaces,
   mint as the single accent with a sky gradient partner. Tokens only. */
:root {
  /* ink */
  --ink:      #e9f0f7;
  --ink-2:    #a7b6c7;
  --ink-3:    #8a99ab;
  --ink-inv:  #071912;

  /* surfaces, four tier ladder */
  --bg:         #0b0f15;
  --card:       #111925;
  --card-2:     #172232;
  --card-hover: #1c293c;
  --line:       #243448;
  --line-2:     #1a2637;

  /* brand */
  --accent:    #3ce0a1;
  --accent-2:  #24c88a;
  --accent-b:  #3fb6ff;
  --grad:      linear-gradient(135deg, #3ce0a1, #3fb6ff);

  /* the two metals of the emblem, so the wordmark can echo it.
     13.1:1 and 9.9:1 on --bg, so both stay comfortably legible. */
  --silver:    #cfd6de;
  --gold:      #dcb64f;

  /* semantic */
  --ok:   #3ce0a1;
  --warn: #ffc857;
  --bad:  #ff7a6b;

  /* type */
  --font:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --mono:    'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
  --fs-xs:   0.72rem;
  --fs-sm:   0.84rem;
  --fs-md:   0.97rem;
  --fs-lg:   1.2rem;
  --fs-xl:   1.65rem;
  --fs-hero: clamp(2.1rem, 4.6vw, 3.3rem);

  /* geometry and motion */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .25);
  --shadow-2: 0 6px 18px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .3);
  --shadow-3: 0 18px 50px rgba(0, 0, 0, .5);
  --ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
  --speed: .18s;
  --header-h: 62px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 72px;
}