/* ORYN Design System v1 — System theme switch.
 * When [data-theme="system"], inherit from prefers-color-scheme. */

@import url("./light.css");

@media (prefers-color-scheme: light) {
  [data-theme="system"] {
    color-scheme: light;
    /* Re-apply the light override block. */
    --bg:           #f7f8fc;
    --bg-2:         #eef0f8;
    --panel:        #ffffff;
    --panel-2:      #f4f5fb;
    --panel-3:      #eaecf6;
    --line:         rgba(10, 15, 40, 0.08);
    --line-2:       rgba(10, 15, 40, 0.15);
    --line-strong:  rgba(10, 15, 40, 0.30);
    --text:         #0a0d1c;
    --muted:        #5a6080;
    --muted-2:      #7c83a0;
    --signal-glow:  rgba(93, 200, 255, 0.25);
    --grad-card:           linear-gradient(180deg, #ffffff 0%, #f4f5fb 100%);
    --grad-radial-violet:  radial-gradient(1200px 600px at 80% -200px, rgba(124,92,255,0.10), transparent 60%);
    --grad-radial-cyan:    radial-gradient(900px 600px at -10% 10%, rgba(93,200,255,0.06), transparent 60%);
    --shadow-cta:        0 0 0 1px rgba(0,0,0,0.04) inset, 0 8px 24px rgba(93,200,255,0.20);
    --shadow-card-hover: 0 20px 60px rgba(10,15,40,0.12);
    --shadow-popover:    0 24px 60px rgba(10,15,40,0.18);
  }
}

@media (prefers-color-scheme: dark) {
  [data-theme="system"] { color-scheme: dark; }
}