:root {
  /* Brand */
  --col_main:           #1e5af9;          /* Cuttly blue, punchier */
  --col_main_2:         #6ea4ff;          /* sky-glow for gradients */
  --col_main_head:      #e8f0ff;
  --col_main_light:     #f4f6fb;          /* soft cool off-white */
  --col_main_light_low: #fbfcfe;
  --col_main_light_2:   #e8ebf6;
  --col_main_light_3:   #d6dcec;

  /* Accent (used for warnings / "Adsense" chips etc.) */
  --col_accent:         #ff5e3a;          /* warmer orange-red */
  --col_accent_light:   #fff0eb;
  --col_accent_dark:    #e54820;

  /* Green (primary CTA — Shorten button) */
  --col_green:          #c9ff3a;          /* electric lime, alive */
  --col_green_dark:     #a8e016;
  --col_green_light:    #f1ffd6;
  --col_green_tick:     #1ea15e;

  /* Text / canvas / chrome */
  --col_dark:           #0a0e23;
  --col_txt:            #0a0e23;
  --col_white:          #ffffff;
  --col_grey:           #6b7088;
  --col_grey_light:     #f3f5fb;
  --col_grey_dark:      #4f546b;
  --col_border:         #dde1ee;
  --col_shadow:         30 40 70;

  /* Aurora additions (used by the enhance layer) */
  --col_blue_glow:      #6ea4ff;
  --col_cyan:           #7df0ff;
  --col_lime:           #c9ff3a;
  --col_pink:           #ff7ad9;
  --col_glass:          rgba(255,255,255,0.65);
  --col_glass_edge:     rgba(10,14,35,0.10);
  --col_glass_grad:     linear-gradient(180deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.50) 100%);
  --col_nav_bg:         rgba(244,246,251,0.78);
  --col_code_bg:        rgba(10,14,35,0.04);
  --col_blob_1:         0.35;
  --col_blob_2:         0.22;
  --col_blob_3:         0.18;
  --col_noise_blend:    multiply;
}


/* ─── DARK ([data-theme="dark"]) — cosmic Aurora ───────────── */

[data-theme="dark"] {
  /* Brand */
  --col_main:           #6ea4ff;          /* lifted for dark-on-dark contrast */
  --col_main_2:         #1e5af9;
  --col_main_head:      #1a2540;
  --col_main_light:     #14182a;
  --col_main_light_low: #0f1325;
  --col_main_light_2:   #1a1f33;
  --col_main_light_3:   #2a3148;

  /* Accent (now pink — sings on cosmic dark) */
  --col_accent:         #ff7ad9;
  --col_accent_light:   #2e1a2a;
  --col_accent_dark:    #f25abb;

  /* Green stays — pops on dark identically */
  --col_green:          #c9ff3a;
  --col_green_dark:     #a8e016;
  --col_green_light:    #1f2c0d;
  --col_green_tick:     #86efac;

  /* Text / canvas / chrome */
  --col_dark:           #070818;
  --col_txt:            rgba(244,246,255,0.92);
  --col_white:          #070818;          /* "white" = the page bg in dark */
  --col_grey:           #8a90a8;
  --col_grey_light:     #0f1325;
  --col_grey_dark:      #b8bdd6;
  --col_border:         rgba(255,255,255,0.10);
  --col_shadow:         5 10 20;
  --col_full_white:     #ffffff;

  /* Aurora additions */
  --col_blue_glow:      #6ea4ff;
  --col_cyan:           #7df0ff;
  --col_lime:           #c9ff3a;
  --col_pink:           #ff7ad9;
  --col_glass:          rgba(255,255,255,0.035);
  --col_glass_edge:     rgba(255,255,255,0.10);
  --col_glass_grad:     linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.015) 100%);
  --col_nav_bg:         rgba(7,8,24,0.65);
  --col_code_bg:        rgba(0,0,0,0.40);
  --col_blob_1:         0.70;
  --col_blob_2:         0.45;
  --col_blob_3:         0.30;
  --col_noise_blend:    overlay;
}


/* ─── color-scheme — so native UI (scrollbars, form controls,
 *     date pickers, autocomplete) follow the theme ─────────── */
:root              { color-scheme: light; }
[data-theme="dark"]{ color-scheme: dark; }