/* Colour skins. Each block re-maps the palette tokens used by premium.css and theme.css.
   Light/dark mode is separate ([data-bs-theme]). The 'official' skin is the :root default and needs no block.
   Generated to keep the six palettes consistent; edit values here to tune a skin. */

[data-skin="sunrise"] {
    --k-royal: #b45309; --k-royal-2: #92400e; --k-deep: #5a2205; --k-night: #240d02;
    --k-sky: #fdba74; --k-sky-soft: #fff4e5; --k-sky-mid: #fde1b8; --k-tint: #fff8ee;
    --k-ring: rgba(180, 83, 9, 0.16);
    --kku-blue: #b45309; --kku-sky: #fdba74; --link: #b45309;
    --k-grad-hero:
        radial-gradient(900px 520px at 82% 18%, rgba(253, 186, 116, 0.5), transparent 62%),
        radial-gradient(640px 420px at 6% 96%, rgba(255, 212, 0, .26), transparent 62%),
        linear-gradient(135deg, #240d02 0%, #5a2205 46%, #b45309 100%);
    --k-grad-dark:
        radial-gradient(700px 380px at 90% 0%, rgba(253, 186, 116, 0.32), transparent 62%),
        radial-gradient(520px 320px at 0% 100%, rgba(255, 212, 0, .16), transparent 62%),
        linear-gradient(160deg, #240d02 0%, #5a2205 60%, #92400e 100%);
    --k-grad-sky: linear-gradient(135deg, #fdba74 0%, #fdba74 40%, #b45309 130%);
    --k-shadow-1: 0 1px 2px rgba(90, 34, 5, 0.08), 0 4px 12px rgba(90, 34, 5, 0.06);
    --k-shadow-2: 0 2px 4px rgba(90, 34, 5, 0.08), 0 14px 34px rgba(90, 34, 5, 0.14);
    --k-shadow-3: 0 4px 8px rgba(90, 34, 5, 0.1), 0 28px 60px rgba(90, 34, 5, 0.26);
    --bs-primary: #b45309; --bs-link-color: #b45309;
}
[data-skin="sunrise"][data-bs-theme="dark"] {
    --k-tint: #0d1218; --k-sky-soft: #121a21; --k-ring: rgba(253, 186, 116, 0.22);
    --link: #fdba74; --bs-link-color: #fdba74;
}
[data-skin="sunrise"] .btn-primary { background: linear-gradient(135deg, #c2620f, #b45309 60%, #92400e); color: #fff; }
[data-skin="sunrise"] .btn-primary:hover, [data-skin="sunrise"] .btn-primary:focus-visible { background: linear-gradient(135deg, #c2620f, #b45309); }
[data-skin="sunrise"] .btn-outline-primary { color: #b45309; border-color: #b45309; }

[data-skin="savanna"] {
    --k-royal: #15803d; --k-royal-2: #166534; --k-deep: #064023; --k-night: #021a0d;
    --k-sky: #86efac; --k-sky-soft: #eaf8ef; --k-sky-mid: #c3ecd1; --k-tint: #f1faf4;
    --k-ring: rgba(21, 128, 61, 0.16);
    --kku-blue: #15803d; --kku-sky: #86efac; --link: #15803d;
    --k-grad-hero:
        radial-gradient(900px 520px at 82% 18%, rgba(134, 239, 172, 0.5), transparent 62%),
        radial-gradient(640px 420px at 6% 96%, rgba(255, 212, 0, .26), transparent 62%),
        linear-gradient(135deg, #021a0d 0%, #064023 46%, #15803d 100%);
    --k-grad-dark:
        radial-gradient(700px 380px at 90% 0%, rgba(134, 239, 172, 0.32), transparent 62%),
        radial-gradient(520px 320px at 0% 100%, rgba(255, 212, 0, .16), transparent 62%),
        linear-gradient(160deg, #021a0d 0%, #064023 60%, #166534 100%);
    --k-grad-sky: linear-gradient(135deg, #86efac 0%, #86efac 40%, #15803d 130%);
    --k-shadow-1: 0 1px 2px rgba(6, 64, 35, 0.08), 0 4px 12px rgba(6, 64, 35, 0.06);
    --k-shadow-2: 0 2px 4px rgba(6, 64, 35, 0.08), 0 14px 34px rgba(6, 64, 35, 0.14);
    --k-shadow-3: 0 4px 8px rgba(6, 64, 35, 0.1), 0 28px 60px rgba(6, 64, 35, 0.26);
    --bs-primary: #15803d; --bs-link-color: #15803d;
}
[data-skin="savanna"][data-bs-theme="dark"] {
    --k-tint: #0d1218; --k-sky-soft: #121a21; --k-ring: rgba(134, 239, 172, 0.22);
    --link: #86efac; --bs-link-color: #86efac;
}
[data-skin="savanna"] .btn-primary { background: linear-gradient(135deg, #1c9a4a, #15803d 60%, #166534); color: #fff; }
[data-skin="savanna"] .btn-primary:hover, [data-skin="savanna"] .btn-primary:focus-visible { background: linear-gradient(135deg, #1c9a4a, #15803d); }
[data-skin="savanna"] .btn-outline-primary { color: #15803d; border-color: #15803d; }

[data-skin="lagoon"] {
    --k-royal: #0e7490; --k-royal-2: #155e75; --k-deep: #083f52; --k-night: #031c27;
    --k-sky: #67e8f9; --k-sky-soft: #e6f9fc; --k-sky-mid: #b4eef7; --k-tint: #effbfd;
    --k-ring: rgba(14, 116, 144, 0.16);
    --kku-blue: #0e7490; --kku-sky: #67e8f9; --link: #0e7490;
    --k-grad-hero:
        radial-gradient(900px 520px at 82% 18%, rgba(103, 232, 249, 0.5), transparent 62%),
        radial-gradient(640px 420px at 6% 96%, rgba(255, 212, 0, .26), transparent 62%),
        linear-gradient(135deg, #031c27 0%, #083f52 46%, #0e7490 100%);
    --k-grad-dark:
        radial-gradient(700px 380px at 90% 0%, rgba(103, 232, 249, 0.32), transparent 62%),
        radial-gradient(520px 320px at 0% 100%, rgba(255, 212, 0, .16), transparent 62%),
        linear-gradient(160deg, #031c27 0%, #083f52 60%, #155e75 100%);
    --k-grad-sky: linear-gradient(135deg, #67e8f9 0%, #67e8f9 40%, #0e7490 130%);
    --k-shadow-1: 0 1px 2px rgba(8, 63, 82, 0.08), 0 4px 12px rgba(8, 63, 82, 0.06);
    --k-shadow-2: 0 2px 4px rgba(8, 63, 82, 0.08), 0 14px 34px rgba(8, 63, 82, 0.14);
    --k-shadow-3: 0 4px 8px rgba(8, 63, 82, 0.1), 0 28px 60px rgba(8, 63, 82, 0.26);
    --bs-primary: #0e7490; --bs-link-color: #0e7490;
}
[data-skin="lagoon"][data-bs-theme="dark"] {
    --k-tint: #0d1218; --k-sky-soft: #121a21; --k-ring: rgba(103, 232, 249, 0.22);
    --link: #67e8f9; --bs-link-color: #67e8f9;
}
[data-skin="lagoon"] .btn-primary { background: linear-gradient(135deg, #1593b4, #0e7490 60%, #155e75); color: #fff; }
[data-skin="lagoon"] .btn-primary:hover, [data-skin="lagoon"] .btn-primary:focus-visible { background: linear-gradient(135deg, #1593b4, #0e7490); }
[data-skin="lagoon"] .btn-outline-primary { color: #0e7490; border-color: #0e7490; }

[data-skin="orchid"] {
    --k-royal: #6d28d9; --k-royal-2: #5b21b6; --k-deep: #34127a; --k-night: #150633;
    --k-sky: #c4b5fd; --k-sky-soft: #f1ecff; --k-sky-mid: #ddd2fe; --k-tint: #f6f3ff;
    --k-ring: rgba(109, 40, 217, 0.16);
    --kku-blue: #6d28d9; --kku-sky: #c4b5fd; --link: #6d28d9;
    --k-grad-hero:
        radial-gradient(900px 520px at 82% 18%, rgba(196, 181, 253, 0.5), transparent 62%),
        radial-gradient(640px 420px at 6% 96%, rgba(255, 212, 0, .26), transparent 62%),
        linear-gradient(135deg, #150633 0%, #34127a 46%, #6d28d9 100%);
    --k-grad-dark:
        radial-gradient(700px 380px at 90% 0%, rgba(196, 181, 253, 0.32), transparent 62%),
        radial-gradient(520px 320px at 0% 100%, rgba(255, 212, 0, .16), transparent 62%),
        linear-gradient(160deg, #150633 0%, #34127a 60%, #5b21b6 100%);
    --k-grad-sky: linear-gradient(135deg, #c4b5fd 0%, #c4b5fd 40%, #6d28d9 130%);
    --k-shadow-1: 0 1px 2px rgba(52, 18, 122, 0.08), 0 4px 12px rgba(52, 18, 122, 0.06);
    --k-shadow-2: 0 2px 4px rgba(52, 18, 122, 0.08), 0 14px 34px rgba(52, 18, 122, 0.14);
    --k-shadow-3: 0 4px 8px rgba(52, 18, 122, 0.1), 0 28px 60px rgba(52, 18, 122, 0.26);
    --bs-primary: #6d28d9; --bs-link-color: #6d28d9;
}
[data-skin="orchid"][data-bs-theme="dark"] {
    --k-tint: #0d1218; --k-sky-soft: #121a21; --k-ring: rgba(196, 181, 253, 0.22);
    --link: #c4b5fd; --bs-link-color: #c4b5fd;
}
[data-skin="orchid"] .btn-primary { background: linear-gradient(135deg, #7c3aed, #6d28d9 60%, #5b21b6); color: #fff; }
[data-skin="orchid"] .btn-primary:hover, [data-skin="orchid"] .btn-primary:focus-visible { background: linear-gradient(135deg, #7c3aed, #6d28d9); }
[data-skin="orchid"] .btn-outline-primary { color: #6d28d9; border-color: #6d28d9; }

[data-skin="graphite"] {
    --k-royal: #1f2937; --k-royal-2: #111827; --k-deep: #0d121b; --k-night: #05070b;
    --k-sky: #fde047; --k-sky-soft: #f6f5ee; --k-sky-mid: #e9e5c9; --k-tint: #f7f7f3;
    --k-ring: rgba(31, 41, 55, 0.16);
    --kku-blue: #1f2937; --kku-sky: #fde047; --link: #1f2937;
    --k-grad-hero:
        radial-gradient(900px 520px at 82% 18%, rgba(253, 224, 71, 0.5), transparent 62%),
        radial-gradient(640px 420px at 6% 96%, rgba(255, 212, 0, .26), transparent 62%),
        linear-gradient(135deg, #05070b 0%, #0d121b 46%, #1f2937 100%);
    --k-grad-dark:
        radial-gradient(700px 380px at 90% 0%, rgba(253, 224, 71, 0.32), transparent 62%),
        radial-gradient(520px 320px at 0% 100%, rgba(255, 212, 0, .16), transparent 62%),
        linear-gradient(160deg, #05070b 0%, #0d121b 60%, #111827 100%);
    --k-grad-sky: linear-gradient(135deg, #fde047 0%, #fde047 40%, #1f2937 130%);
    --k-shadow-1: 0 1px 2px rgba(13, 18, 27, 0.08), 0 4px 12px rgba(13, 18, 27, 0.06);
    --k-shadow-2: 0 2px 4px rgba(13, 18, 27, 0.08), 0 14px 34px rgba(13, 18, 27, 0.14);
    --k-shadow-3: 0 4px 8px rgba(13, 18, 27, 0.1), 0 28px 60px rgba(13, 18, 27, 0.26);
    --bs-primary: #1f2937; --bs-link-color: #1f2937;
}
[data-skin="graphite"][data-bs-theme="dark"] {
    --k-tint: #0d1218; --k-sky-soft: #121a21; --k-ring: rgba(253, 224, 71, 0.22);
    --link: #fde047; --bs-link-color: #fde047;
}
[data-skin="graphite"] .btn-primary { background: linear-gradient(135deg, #374151, #1f2937 60%, #111827); color: #fff; }
[data-skin="graphite"] .btn-primary:hover, [data-skin="graphite"] .btn-primary:focus-visible { background: linear-gradient(135deg, #374151, #1f2937); }
[data-skin="graphite"] .btn-outline-primary { color: #1f2937; border-color: #1f2937; }