/* Day-marker colours for the vacation grids and calendar.
 *
 * These deliberately do NOT use --mud-palette-success / --warning / --info directly. Those are
 * tuned for buttons, where MudBlazor pairs them with white text, and white on #F59E0B is about
 * 2.2:1 — far under the WCAG AA 4.5:1 a letter inside a 1.4rem cell needs. In this theme Info
 * and Primary are also the same purple, so "ansökt" and "godkänd" came out identical.
 *
 * Instead each marker is a fixed hue mixed into the theme's own surface, with the theme's own
 * primary text colour on top. That adapts to light and dark without a media query, and keeps
 * every pair above 7:1 in both. Recomputing after a change: mix the hue with
 * --mud-palette-surface (#FAFAFC light, #27272A dark) and check against --mud-palette-text-primary
 * (#18181B light, #f8fafc dark).
 *
 * Colour is never the only signal — every cell also carries a letter, and the legend spells it
 * out (US-087).
 */

:root {
    --vacation-tint: 45%;

    --vacation-hue-approved: #16a34a;
    --vacation-hue-pending: #f59e0b;
    --vacation-hue-draft: #2563eb;
    --vacation-hue-rejected: #dc2626;
    --vacation-hue-holiday: #e11d48;
    --vacation-hue-closure: #0d9488;

    --vacation-approved: color-mix(in srgb, var(--vacation-hue-approved) var(--vacation-tint), var(--mud-palette-surface));
    --vacation-pending: color-mix(in srgb, var(--vacation-hue-pending) var(--vacation-tint), var(--mud-palette-surface));
    --vacation-draft: color-mix(in srgb, var(--vacation-hue-draft) var(--vacation-tint), var(--mud-palette-surface));
    --vacation-rejected: color-mix(in srgb, var(--vacation-hue-rejected) var(--vacation-tint), var(--mud-palette-surface));
    --vacation-holiday: color-mix(in srgb, var(--vacation-hue-holiday) var(--vacation-tint), var(--mud-palette-surface));
    --vacation-closure: color-mix(in srgb, var(--vacation-hue-closure) var(--vacation-tint), var(--mud-palette-surface));

    /* Weekends carry no letter, but the legend names them, so they are a meaningful graphic:
       WCAG 1.4.11 asks for 3:1 against what surrounds them. At 65% this lands on 3.17:1 in
       light and 5.12:1 in dark. A lighter grey looked tidier but was indistinguishable from a
       plain working day. */
    --vacation-weekend: color-mix(in srgb, var(--mud-palette-text-secondary) 65%, var(--mud-palette-surface));
    --vacation-workday: var(--mud-palette-background-gray);

    --vacation-marker-text: var(--mud-palette-text-primary);
}