:root, :root[data-theme='light'] {
    --bg-primary: #fdf5f8;
    --bg-secondary: #f0d5e2;
    --bg-dark: #e6c2d4;

    --text-primary: #1a000d;
    --text-secondary: #5a183d;

    --text-black-10: rgba(255, 0, 127, 0.05);
    --text-black-25: rgba(255, 0, 127, 0.15);
    --text-black-50: rgba(26, 0, 13, 0.50);
    --text-black-65: rgba(26, 0, 13, 0.65);
    --text-black-75: rgba(26, 0, 13, 0.75);
    --text-black-95: rgba(26, 0, 13, 0.95);

    --theme-t3: #e6c2d4;
    --theme-t2: #ebd0de;
    --theme-t1: #f2e1eb;

    --ilink-n: #f0d5e2;
    --ilink-h: #e6c2d4;

    --accent-pink: #ff007f;
    --accent-pink-dim: #d10068;
    --accent-pink-glow: rgba(255, 0, 127, 0.2);

    --navbar-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2826, 0, 13, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

:root[data-theme='dark'] {
    --bg-primary: #0a0a0c;
    --bg-secondary: #121216;
    --bg-dark: #050507;

    --text-primary: #ffffff;
    --text-secondary: #a0a0b0;

    --text-black-10: rgba(255, 255, 255, 0.10);
    --text-black-25: rgba(255, 255, 255, 0.25);
    --text-black-50: rgba(255, 255, 255, 0.50);
    --text-black-65: rgba(255, 255, 255, 0.65);
    --text-black-75: rgba(255, 255, 255, 0.75);
    --text-black-95: rgba(255, 255, 255, 0.95);

    --theme-t3: #24242d;
    --theme-t2: #1c1c24;
    --theme-t1: #15151b;

    --ilink-n: #121216;
    --ilink-h: #050507;

    --accent-pink: #ff007f;
    --accent-pink-dim: #99004c;
    --accent-pink-glow: rgba(255, 0, 127, 0.4);

    --navbar-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

:root {
    --border: var(--accent-pink-dim);
    --scrollbar-bg: var(--bg-dark);
    --font-sans: 'Inter', sans-serif;
}

body { background: var(--bg-primary); color: var(--text-primary); font-family: var(--font-sans); margin: 0; padding: 0; min-height: 100vh; display: flex; flex-direction: column; transition: background-color 0.3s, color 0.3s; }
a { color: var(--accent-pink); text-decoration: none; transition: color 0.2s ease; }
a:hover { color: var(--text-black-95); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box; }
.bg-themed { background-color: var(--bg-primary) !important; }
.bg-themed2 { background-color: var(--bg-dark) !important; }
.border-themed { border-color: var(--border) !important; }
.text-themed { color: var(--text-primary) !important; }
.text-themed2 { color: var(--text-secondary) !important; }
:root[data-theme='dark'] { scrollbar-color: var(--bg-secondary) var(--scrollbar-bg); }
::-webkit-scrollbar { background-color: var(--scrollbar-bg); width: 10px; }
::-webkit-scrollbar-thumb { background-color: var(--bg-secondary); border-radius: 5px; }