:root,
[data-theme="dark"] {
  --bg: #070a11; --bg-elevated: #0c111b; --surface: #111722; --surface-2: #161d2a;
  --surface-glass: rgba(17,23,34,.88); --text: #f8fafc; --muted: #95a0b3; --border: #202a3a;
  --accent: #a855f7; --accent-2: #ec4899; --accent-soft: rgba(168,85,247,.16); --success: #2dd4bf;
  --shadow: 0 18px 55px rgba(0,0,0,.32); --radius: 18px; --glow: 0 0 35px rgba(168,85,247,.12);
  --page-art: radial-gradient(circle at 12% 0%, rgba(126,34,206,.15), transparent 28%), #070a11;
}
[data-theme="light"] {
  --bg: #f3f5fb; --bg-elevated: #ffffff; --surface: #ffffff; --surface-2: #f6f7fb;
  --surface-glass: rgba(255,255,255,.94); --text: #151827; --muted: #6d7586; --border: #e1e5ef;
  --accent: #7c3aed; --accent-2: #db2777; --accent-soft: rgba(124,58,237,.1); --success: #0f9f83;
  --shadow: 0 18px 50px rgba(32,42,70,.08); --radius: 18px; --glow: none;
  --page-art: linear-gradient(180deg,#fafbff,#f2f4fa);
}
[data-theme="colorful"] {
  --bg: #140d27; --bg-elevated: #25163f; --surface: rgba(30,20,55,.88); --surface-2: rgba(62,33,94,.78);
  --surface-glass: rgba(28,18,49,.82); --text: #fffafd; --muted: #d8c6eb; --border: rgba(255,255,255,.14);
  --accent: #ff4ecd; --accent-2: #6d5dfc; --accent-soft: rgba(255,78,205,.18); --success: #3ef2d0;
  --shadow: 0 18px 55px rgba(22,5,45,.38); --radius: 22px; --glow: 0 0 42px rgba(255,78,205,.18);
  --page-art: radial-gradient(circle at 15% 0%,rgba(255,78,205,.28),transparent 30%),radial-gradient(circle at 95% 12%,rgba(86,208,255,.25),transparent 32%),linear-gradient(135deg,#160b29,#121d3d 70%,#2b1230);
}
[data-theme="two-tone"] {
  --bg: #060607; --bg-elevated: #0c0a10; --surface: #141017; --surface-2: #1e1326;
  --surface-glass: rgba(13,10,17,.92); --text: #fbf8ff; --muted: #b8a8c5; --border: #352441;
  --accent: #8b2cff; --accent-2: #c33cff; --accent-soft: rgba(139,44,255,.2); --success: #c084fc;
  --shadow: 0 18px 55px rgba(0,0,0,.46); --radius: 14px; --glow: 0 0 36px rgba(139,44,255,.17);
  --page-art: linear-gradient(120deg,#050506 0 72%,#160b20);
}
[data-theme="ocean"] {
  --bg: #04131b; --bg-elevated: #08202c; --surface: #0b2835; --surface-2: #0d3444;
  --surface-glass: rgba(7,28,38,.9); --text: #effcff; --muted: #98c8d4; --border: #16495d;
  --accent: #19c8ff; --accent-2: #21e6c1; --accent-soft: rgba(25,200,255,.16); --success: #21e6c1;
  --shadow: 0 18px 55px rgba(0,14,24,.4); --radius: 18px; --glow: 0 0 36px rgba(25,200,255,.16);
  --page-art: radial-gradient(circle at 90% 5%,rgba(25,200,255,.2),transparent 26%),linear-gradient(145deg,#031018,#062736);
}


/* ==========================================================
   VIBEZ OFFICIAL THEMES — ROUND 2
   ========================================================== */


/* AMOLED
   Pure black, OLED-first.
*/
[data-theme="amoled"] {
  --bg: #000000;
  --bg-elevated: #030303;
  --surface: #050505;
  --surface-2: #0a0a0a;
  --surface-glass: rgba(5,5,5,.96);

  --text: #ffffff;
  --muted: #9a9a9f;
  --border: #1a1a1d;

  --accent: #ad55ff;
  --accent-2: #ff3fa4;
  --accent-soft: rgba(173,85,255,.14);

  --success: #32e6a1;

  --shadow: 0 18px 55px rgba(0,0,0,.7);
  --radius: 18px;
  --glow: 0 0 30px rgba(173,85,255,.10);

  --page-art: #000000;
}


/* SUNSET
   Warm orange / magenta evening palette.
*/
[data-theme="sunset"] {
  --bg: #150914;
  --bg-elevated: #241021;
  --surface: #2b1427;
  --surface-2: #37182f;
  --surface-glass: rgba(39,17,35,.90);

  --text: #fff8f5;
  --muted: #d7adaf;
  --border: #563146;

  --accent: #ff8b4c;
  --accent-2: #ff3f91;
  --accent-soft: rgba(255,105,103,.16);

  --success: #50e3b2;

  --shadow: 0 18px 55px rgba(42,5,25,.38);
  --radius: 20px;
  --glow: 0 0 38px rgba(255,63,145,.15);

  --page-art:
    radial-gradient(
      circle at 12% 0%,
      rgba(255,139,76,.24),
      transparent 28%
    ),
    radial-gradient(
      circle at 95% 15%,
      rgba(255,63,145,.18),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #160914,
      #311127
    );
}


/* FOREST
   Deep green / emerald.
*/
[data-theme="forest"] {
  --bg: #06110c;
  --bg-elevated: #0b1d14;
  --surface: #10281b;
  --surface-2: #153522;
  --surface-glass: rgba(13,34,23,.91);

  --text: #f1fff7;
  --muted: #a4c7b1;
  --border: #244c35;

  --accent: #35d487;
  --accent-2: #9ee84d;
  --accent-soft: rgba(53,212,135,.14);

  --success: #4fe0a0;

  --shadow: 0 18px 55px rgba(0,18,9,.40);
  --radius: 18px;
  --glow: 0 0 34px rgba(53,212,135,.12);

  --page-art:
    radial-gradient(
      circle at 88% 0%,
      rgba(53,212,135,.15),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #051009,
      #0c2717
    );
}


/* LAVENDER
   Soft light pastel.
*/
[data-theme="lavender"] {
  --bg: #f4effb;
  --bg-elevated: #fffaff;
  --surface: #fffaff;
  --surface-2: #eee5f8;
  --surface-glass: rgba(255,250,255,.94);

  --text: #281a35;
  --muted: #786886;
  --border: #dfd2ea;

  --accent: #8b5cf6;
  --accent-2: #d946ef;
  --accent-soft: rgba(139,92,246,.11);

  --success: #159f79;

  --shadow: 0 18px 50px rgba(82,54,105,.10);
  --radius: 20px;
  --glow: none;

  --page-art:
    radial-gradient(
      circle at 8% 0%,
      rgba(180,130,255,.13),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #faf6ff,
      #f0eafa
    );
}


/* MINIMAL
   Calm, restrained and nearly effect-free.
*/
[data-theme="minimal"] {
  --bg: #f4f4f1;
  --bg-elevated: #fafaf8;
  --surface: #ffffff;
  --surface-2: #eeeeeb;
  --surface-glass: rgba(255,255,255,.97);

  --text: #1f211f;
  --muted: #707570;
  --border: #dedfda;

  --accent: #315e54;
  --accent-2: #63756e;
  --accent-soft: rgba(49,94,84,.09);

  --success: #27896e;

  --shadow: 0 8px 24px rgba(30,40,35,.05);
  --radius: 11px;
  --glow: none;

  --page-art: #f4f4f1;
}


html[data-theme="lavender"],
html[data-theme="minimal"] {
  color-scheme: light;
}

html[data-theme="amoled"],
html[data-theme="sunset"],
html[data-theme="forest"] {
  color-scheme: dark;
}