@import url("../fonts/mywu-fonts.css");
@import url("../tokens.css");
@import url("../palettes/dark.css");
@import url("../base.css");
@import url("../shell.css");
@import url("../portal.css");

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #eef2f6;
    --bg-accent: #e2eaf2;
    --card: #ffffff;
    --panel: #ffffff;
    --border: #d5dee8;
    --text: #152033;
    --muted: #5b6b7f;
    --faint: #8494a8;
    --accent: #0f766e;
    --accent-hover: #0d9488;
    --section: #334155;
    --error: #c24141;
    --ok: #2f7d4a;
    --danger: #c24141;
    --warn: #b45309;
    --btn-text: #f8fffe;
    --on-accent: #f8fffe;
    --input-bg: #e2e8f0;
    --surface-inset: #e8eef5;
    --acrylic-surface: rgba(238, 242, 246, 0.55);
    --acrylic-surface-border: rgba(15, 118, 110, 0.28);
    --acrylic-surface-shadow: 0 12px 32px rgba(21, 32, 51, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.65);
    --acrylic-blur: blur(24px) saturate(160%);
    --shadow: 0 1px 2px rgba(21, 32, 51, 0.05), 0 8px 24px rgba(21, 32, 51, 0.06);
    --logo-filter: hue-rotate(148deg) saturate(1.12) brightness(0.98) contrast(1.06);
    --sticky-chrome-fill: color-mix(in srgb, var(--card) 72%, transparent);
    --sticky-chrome-feather: 14px;
  }
}