/* iStyle · Glass — design tokens (CSS) */
:root {
  /* Surfaces */
  --bg:        #ECEEF1;
  --bg-tint:   linear-gradient(155deg, #E5ECF5 0%, #EFEAE3 100%);
  --surface:   rgba(255,255,255,0.62);
  --panel:     rgba(255,255,255,0.40);
  --rail:      rgba(255,255,255,0.30);

  /* Ink */
  --ink:       #14181E;
  --ink-2:     #3A4049;
  --muted:     #7A828E;

  /* Lines */
  --line:      rgba(20,24,30,0.12);
  --line-2:    rgba(20,24,30,0.06);

  /* Accent */
  --accent:    #0D7A75;     /* deep teal */
  --accent-ink:#FFFFFF;

  /* Semantic */
  --ok:        #14785C;
  --warn:      #A26A1A;
  --err:       #B83E36;
  --info:      #2862C9;

  /* Drop zone */
  --drop-empty: rgba(20,24,30,0.18);
  --drop-hot:   #0D7A75;

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Spacing scale (4px grid) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;

  /* Radius */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 16px;
  --r-pill: 999px;
  --r-window: 12px;

  /* Shadow */
  --sh-window:      0 0 0 0.5px rgba(0,0,0,0.32), 0 24px 56px -12px rgba(0,0,0,0.30), 0 8px 16px -6px rgba(0,0,0,0.18);
  --sh-panel-glass: 0 8px 24px rgba(0,0,0,0.06), inset 0 0 0 0.5px rgba(255,255,255,0.6);
  --sh-focus:       0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent);

  /* Glass effect */
  --blur:    blur(28px) saturate(160%);
  --blur-sm: blur(20px);
}