/* RG Engine Theme System */
:root{
  --rg-theme-primary:#ff8a00;
  --rg-theme-secondary:#289fbe;
  --rg-theme-bg-dark:#07131c;
  --rg-theme-bg-light:#f5f7f9;
  --rg-theme-surface-dark:#0b1b27;
  --rg-theme-surface-light:#ffffff;
  --rg-theme-text-dark:#f4f8fb;
  --rg-theme-text-light:#102532;
  --rg-theme-radius-lg:30px;
  --rg-theme-radius-md:20px;
  --rg-theme-container:1180px;
  --rg-theme-font:Inter,ui-sans-serif,system-ui,sans-serif;
  --rg-theme-shadow:0 28px 80px rgba(0,0,0,.32);
}
html[data-theme="dark"]{
  --orange:var(--rg-theme-primary);
  --orange-soft:color-mix(in srgb,var(--rg-theme-primary) 68%,white);
  --blue:var(--rg-theme-secondary);
  --bg:var(--rg-theme-bg-dark);
  --bg-elevated:var(--rg-theme-surface-dark);
  --text:var(--rg-theme-text-dark);
}
html[data-theme="light"]{
  --orange:var(--rg-theme-primary);
  --orange-soft:color-mix(in srgb,var(--rg-theme-primary) 68%,white);
  --blue:var(--rg-theme-secondary);
  --bg:var(--rg-theme-bg-light);
  --bg-elevated:var(--rg-theme-surface-light);
  --text:var(--rg-theme-text-light);
}
:root{
  --container:var(--rg-theme-container);
  --radius-lg:var(--rg-theme-radius-lg);
  --radius-md:var(--rg-theme-radius-md);
  --shadow:var(--rg-theme-shadow);
}
body{font-family:var(--rg-theme-font)}
[data-theme-preview]{
  border-radius:var(--rg-theme-radius-lg);
  background:
    radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--rg-theme-secondary) 22%,transparent),transparent 28rem),
    var(--bg);
}
.rg-theme-swatch{display:inline-block;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;vertical-align:middle}
.rg-theme-primary{background:var(--rg-theme-primary)}
.rg-theme-secondary{background:var(--rg-theme-secondary)}
@supports not (color:color-mix(in srgb,red,white)){
  html[data-theme]{
    --orange-soft:var(--rg-theme-primary);
  }
}