/* =========================================================================
   THEME LIBRARY
   Each theme is a selector `body[data-theme="name"]` overriding the base
   tokens from variables.css. Applying a theme never changes markup —
   only these variables — so every component reskins automatically.
   ========================================================================= */

body[data-theme="ocean"] {
  --color-bg:#E7F3F7; --color-bg-elevated:#F5FBFD; --color-surface:#fff;
  --color-ink:#0B3B4E; --color-ink-soft:#2E6478; --color-muted:#6C93A0;
  --color-accent:#1C8FA6; --color-accent-2:#F2B134; --color-border:#C7E4EC;
}
body[data-theme="forest"] {
  --color-bg:#EAF1E6; --color-bg-elevated:#F4F8F0; --color-surface:#fff;
  --color-ink:#1E3320; --color-ink-soft:#3E5C40; --color-muted:#7C8F76;
  --color-accent:#3F7D45; --color-accent-2:#B08D57; --color-border:#D3E2CB;
}
body[data-theme="lavender"] {
  --color-bg:#F1EBF8; --color-bg-elevated:#F8F4FB; --color-surface:#fff;
  --color-ink:#3B2A57; --color-ink-soft:#634C82; --color-muted:#9689AC;
  --color-accent:#8E6BC1; --color-accent-2:#E8A6C1; --color-border:#DDCFEF;
}
body[data-theme="midnight"] {
  --color-bg:#0F1524; --color-bg-elevated:#161D30; --color-surface:#1D2740;
  --color-ink:#EDEFF7; --color-ink-soft:#B7BFDA; --color-muted:#7C88AE;
  --color-accent:#5B8DEF; --color-accent-2:#F2B134; --color-border:#2B3555;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow-md:0 4px 16px rgba(0,0,0,.5); --shadow-lg:0 12px 32px rgba(0,0,0,.6);
}
body[data-theme="galaxy"] {
  --color-bg:#120E27; --color-bg-elevated:#1B1440; --color-surface:#241B54;
  --color-ink:#F1EEFF; --color-ink-soft:#C6BEFF; --color-muted:#8B7FD1;
  --color-accent:#B15CFF; --color-accent-2:#39D6C8; --color-border:#332876;
}
body[data-theme="coffee"] {
  --color-bg:#EFE4D6; --color-bg-elevated:#F7EFE4; --color-surface:#fff;
  --color-ink:#3B2A20; --color-ink-soft:#6B4E3D; --color-muted:#9A8570;
  --color-accent:#7B4B32; --color-accent-2:#C08552; --color-border:#DFCBB2;
}
body[data-theme="sunrise"] {
  --color-bg:#FFF1E3; --color-bg-elevated:#FFF8ED; --color-surface:#fff;
  --color-ink:#5A2E1B; --color-ink-soft:#8A4A2A; --color-muted:#BB8A66;
  --color-accent:#F0824C; --color-accent-2:#F6C453; --color-border:#FBDCBB;
}
body[data-theme="sunset"] {
  --color-bg:#2C1633; --color-bg-elevated:#3A1E44; --color-surface:#472753;
  --color-ink:#FDEFEA; --color-ink-soft:#EFC3C7; --color-muted:#C79AAE;
  --color-accent:#E85D75; --color-accent-2:#F2A65A; --color-border:#5A2F63;
}
body[data-theme="minimal-white"] {
  --color-bg:#FFFFFF; --color-bg-elevated:#FAFAFA; --color-surface:#fff;
  --color-ink:#111111; --color-ink-soft:#444444; --color-muted:#8A8A8A;
  --color-accent:#111111; --color-accent-2:#888888; --color-border:#E4E4E4;
}
body[data-theme="elegant-black"] {
  --color-bg:#0B0B0C; --color-bg-elevated:#141416; --color-surface:#1C1C1F;
  --color-ink:#F3F3F3; --color-ink-soft:#BEBEC2; --color-muted:#75757C;
  --color-accent:#D4AF37; --color-accent-2:#8A8A8A; --color-border:#2C2C31;
}
body[data-theme="royal-blue"] {
  --color-bg:#E9EEFB; --color-bg-elevated:#F3F6FD; --color-surface:#fff;
  --color-ink:#0F1F5C; --color-ink-soft:#2C3E8C; --color-muted:#7A87BC;
  --color-accent:#2540C9; --color-accent-2:#F2B134; --color-border:#CBD5F5;
}
body[data-theme="emerald"] {
  --color-bg:#E4F5EE; --color-bg-elevated:#F1FAF6; --color-surface:#fff;
  --color-ink:#063D2C; --color-ink-soft:#1F6E51; --color-muted:#6FA593;
  --color-accent:#0E9F6E; --color-accent-2:#F2B134; --color-border:#C6EBDC;
}
body[data-theme="sakura"] {
  --color-bg:#FDEEF3; --color-bg-elevated:#FFF6F9; --color-surface:#fff;
  --color-ink:#5C2436; --color-ink-soft:#8C4A5D; --color-muted:#C089A0;
  --color-accent:#E8799C; --color-accent-2:#F6C453; --color-border:#F7D3E1;
}
body[data-theme="pastel-pink"] {
  --color-bg:#FFF0F5; --color-bg-elevated:#FFF7FA; --color-surface:#fff;
  --color-ink:#602436; --color-ink-soft:#8F4863; --color-muted:#C591A3;
  --color-accent:#F08FAF; --color-accent-2:#9CD6D0; --color-border:#FAD9E5;
}
body[data-theme="dark-purple"] {
  --color-bg:#1A1226; --color-bg-elevated:#231A31; --color-surface:#2D223F;
  --color-ink:#F1EAFA; --color-ink-soft:#C7B2E0; --color-muted:#8E76AC;
  --color-accent:#9B6BE0; --color-accent-2:#E0A96B; --color-border:#3A2C50;
}
body[data-theme="modern-gray"] {
  --color-bg:#EEEFF1; --color-bg-elevated:#F6F7F8; --color-surface:#fff;
  --color-ink:#242730; --color-ink-soft:#4C5160; --color-muted:#8B909C;
  --color-accent:#3E4655; --color-accent-2:#E0A64D; --color-border:#DADDE2;
}
body[data-theme="cyber"] {
  --color-bg:#080B12; --color-bg-elevated:#0E1420; --color-surface:#131B2B;
  --color-ink:#D8FFF3; --color-ink-soft:#7FF7D4; --color-muted:#3F8C79;
  --color-accent:#00E5A0; --color-accent-2:#FF3D81; --color-border:#1D2B3D;
}
body[data-theme="nature"] {
  --color-bg:#EEF3E1; --color-bg-elevated:#F6F9EE; --color-surface:#fff;
  --color-ink:#2B3A1D; --color-ink-soft:#54692F; --color-muted:#8A9A6E;
  --color-accent:#6E9B37; --color-accent-2:#D98A3D; --color-border:#DCE7C8;
}
body[data-theme="autumn"] {
  --color-bg:#FBEBDD; --color-bg-elevated:#FDF3E9; --color-surface:#fff;
  --color-ink:#4A2410; --color-ink-soft:#8A4A20; --color-muted:#BE8C63;
  --color-accent:#C9622A; --color-accent-2:#8E9B3A; --color-border:#F0D3B4;
}
body[data-theme="winter"] {
  --color-bg:#EAF2F6; --color-bg-elevated:#F4F9FB; --color-surface:#fff;
  --color-ink:#1C3444; --color-ink-soft:#3E5E70; --color-muted:#89AAB9;
  --color-accent:#4E8DAE; --color-accent-2:#B7CBD3; --color-border:#D3E5EC;
}
body[data-theme="christmas"] {
  --color-bg:#F5EDE6; --color-bg-elevated:#FBF6F1; --color-surface:#fff;
  --color-ink:#1F3B2C; --color-ink-soft:#2F5C41; --color-muted:#8B9C8F;
  --color-accent:#B0282A; --color-accent-2:#1F6B3B; --color-border:#E4D3C6;
}
body[data-theme="ramadan"] {
  --color-bg:#0E1B2B; --color-bg-elevated:#152537; --color-surface:#1C3049;
  --color-ink:#F5EDD3; --color-ink-soft:#D8C89A; --color-muted:#8F9BAE;
  --color-accent:#D9A441; --color-accent-2:#4E8DAE; --color-border:#26405E;
}
body[data-theme="eid"] {
  --color-bg:#F6F1E3; --color-bg-elevated:#FBF8EF; --color-surface:#fff;
  --color-ink:#3A2E14; --color-ink-soft:#6B5525; --color-muted:#A6976F;
  --color-accent:#C9A227; --color-accent-2:#2F6F5E; --color-border:#EADFC0;
}
body[data-theme="university"] {
  --color-bg:#EEF0F5; --color-bg-elevated:#F7F8FB; --color-surface:#fff;
  --color-ink:#1A2340; --color-ink-soft:#3A4670; --color-muted:#8891B0;
  --color-accent:#8A1F2B; --color-accent-2:#C9A227; --color-border:#DADFEE;
}
body[data-theme="notebook"] {
  --color-bg:#F6F1E0; --color-bg-elevated:#FBF8EE; --color-surface:#FFFDF7;
  --color-ink:#233; --color-ink-soft:#445; --color-muted:#887;
  --color-accent:#2255AA; --color-accent-2:#B0432C; --color-border:#D9CFAF;
}
body[data-theme="gradient-1"] {
  --color-bg: linear-gradient(160deg,#FDEBDE,#E3DFFD 60%,#DFF7EF);
  --color-bg-elevated:#FFFFFFcc; --color-surface:#fff;
  --color-ink:#2A1B3D; --color-ink-soft:#5B4477; --color-muted:#9583AE;
  --color-accent:#7C5CFF; --color-accent-2:#FF9770; --color-border:#E7DEF8;
}