:root {
  --bg:                #0b0d12;
  --surface:           #0f1218;
  --surface-low:       #12151c;
  --surface-container: #171a22;
  --surface-high:      #1d212a;
  --surface-bright:    #262b38;

  --border:      #282e3b;
  --border-soft: rgba(40, 46, 59, 0.6);
  --outline:     #525d6b;

  --primary:      #39c6a5;
  --primary-dim:  #75f9d5;
  --primary-glow: rgba(57, 198, 165, 0.35);
  --primary-on:   #06231c;
  --secondary:    #e87878;
  --tertiary:     #f0c75e;

  --text:       #e6eaf2;
  --text-muted: #9ba6b2;
  --text-dim:   #525d6b;
  --text-white: #ffffff;

  --font-sans: "Plus Jakarta Sans", system-ui, sans-serif;

  --fs-xs:   11px;
  --fs-sm:   12px;
  --fs-base: 13px;
  --fs-md:   14px;
  --fs-lg:   16px;
  --fs-xl:   20px;
  --fs-2xl:  24px;
  --fs-3xl:  30px;

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.35);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.35);
  --shadow-lg: 0 4px 20px rgba(0,0,0,0.5);
  --shadow-xl: 0 10px 40px rgba(0,0,0,0.65);

  --container-max: 1440px;
  --header-h:      64px;

  --t-fast: 120ms ease;
  --t-base: 200ms ease;
}