/* Barbie theme: hot pink, bubble-gum pink, pearl white and a little sparkle. Loaded after style.css (index.html),
   so it uses the shared layer of the themed looks there (`:root:not([data-theme=dark], [data-theme=light])`) and
   only sets its variables and a few touches. Mood and palette only: no logo, artwork or brand font.
   Kept in its own file so style.css does not grow; documents (fișe, buletine, labels) still print black on white. */

[data-theme=barbie] {
    --bg: #ffe6f2;
    --bg-glow-1: rgba(255, 105, 180, .30);
    --bg-glow-2: rgba(255, 214, 235, .70);
    --grid-line: rgba(224, 33, 138, .05);
    --surface: rgba(255, 255, 255, .92);
    --surface-solid: #ffffff;
    --surface-2: #fff0f7;
    --surface-hover: rgba(224, 33, 138, .07);
    --chrome: rgba(255, 245, 250, .92);
    --input-bg: #ffffff;
    --line: #f6c9df;
    --line-strong: #eea2c7;
    --ink: #3b0a28;
    --ink-2: #6a2350;
    --muted: #a0577f;
    --heading: #c2127a;
    --accent: #e0218a;
    --accent-soft: rgba(224, 33, 138, .1);
    --grad: linear-gradient(120deg, #ff4fa3 0%, #e0218a 55%, #b5137a 100%);
    --grad-text: linear-gradient(90deg, #ff4fa3 0%, #e0218a 50%, #9b2fd1 100%);
    --danger: #c8102e;
    --warn: #b45c00;
    --ok: #0f8a5f;
    --info: #8a3ffc;
    --shadow: 0 1px 2px rgba(181, 19, 122, .06), 0 16px 36px -22px rgba(181, 19, 122, .45);
    --glow: 0 0 0 1px rgba(224, 33, 138, .45), 0 10px 30px -10px rgba(255, 79, 163, .6);
    --t-cyan: #1aa6b7; --t-violet: #8a3ffc; --t-amber: #c77700; --t-green: #0f8a5f;
    --t-pink: #e0218a; --t-indigo: #6a4cf0; --t-slate: #a0577f;
    --trim: #ff4fa3;
    --trim-rgb: 255 79 163;
    --trim-grad: linear-gradient(160deg, #ffd6eb 0%, #ff69b4 45%, #e0218a 100%);
    --trim-ink: #c2127a;
    --on-trim: #ffffff;
    --glow-rgb: 255 105 180;
    --primary-bg: linear-gradient(180deg, #ff69b4 0%, #e0218a 55%, #c2127a 100%);
    --on-primary: #ffffff;
    --hero-bg: linear-gradient(135deg, rgba(255, 105, 180, .22), rgba(255, 214, 235, .5) 60%, transparent);
    --cut: 22px;
    --cut-sm: 999px;
    --cut-hero: 30px;
    --logo-clip: none;
    /* Small hearts and four-point sparkles. */
    --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath d='M18 26c-3-5-11-3-9 3 1 3 5 6 9 9 4-3 8-6 9-9 2-6-6-8-9-3z' fill='%23e0218a' fill-opacity='.07'/%3E%3Cpath d='M54 46l2 6 6 2-6 2-2 6-2-6-6-2 6-2z' fill='%23ff4fa3' fill-opacity='.12'/%3E%3C/svg%3E");
    --pattern-size: 72px 72px;
    color-scheme: light;
}

/* Rounded, glossy panels with a pink rim, a pink halo on the banner and a shimmer along its edge. */
:root[data-theme=barbie] :is(.card, .stat, .tile, .scan-row) { border-color: #f6c9df; box-shadow: inset 0 1px 0 #fff, var(--shadow); }
:root[data-theme=barbie] .logo { border-radius: 50%; }
:root[data-theme=barbie] h1 { font-weight: 700; letter-spacing: .01em; }
:root[data-theme=barbie] ::selection { background: rgba(255, 105, 180, .4); color: #3b0a28; }
:root[data-theme=barbie] .primary { text-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 8px 22px -10px rgba(224, 33, 138, .8); }
:root[data-theme=barbie] .nav-link[aria-current=page] { background: linear-gradient(90deg, rgba(255, 105, 180, .18), rgba(255, 214, 235, .2) 60%, transparent); }
:root[data-theme=barbie] .hero::after { background: radial-gradient(circle, rgba(255, 105, 180, .5), rgba(255, 214, 235, .3) 45%, transparent 68%); }
:root[data-theme=barbie] .hero::before { background: linear-gradient(90deg, transparent, #ff69b4 25%, #fff 50%, #ff69b4 75%, transparent) 0 0 / 200% 100%; box-shadow: 0 0 14px rgba(255, 105, 180, .7); }