/* ============================================
   LEVIIA SCHEDULE - GLOBAL CSS VARIABLES
   ============================================

   Maps daisyUI's variables to stable app-level names (used by the
   hand-written page/component CSS: dashboard.css, rotation-order.css,
   fullcalendar-overrides.css, themes/dark.css). daisyUI already handles
   the light/dark switch for its own underlying `--color-*` variables
   (via [data-theme]), so this file only needs to be defined once, with
   no per-theme variant - this replaces Bulma's old automatic
   light/dark derivation (Bulma has been removed from the project).
   ============================================ */

:root {
    --app-color-primary: var(--color-primary);
    --app-color-primary-light: color-mix(in oklab, var(--color-primary) 70%, white);
    --app-color-primary-dark: color-mix(in oklab, var(--color-primary) 80%, black);

    --app-color-info: var(--color-info);
    --app-color-info-light: color-mix(in oklab, var(--color-info) 70%, white);
    --app-color-info-dark: color-mix(in oklab, var(--color-info) 80%, black);

    --app-color-success: var(--color-success);
    --app-color-success-light: color-mix(in oklab, var(--color-success) 70%, white);
    --app-color-success-dark: color-mix(in oklab, var(--color-success) 80%, black);

    --app-color-warning: var(--color-warning);
    --app-color-warning-light: color-mix(in oklab, var(--color-warning) 70%, white);
    --app-color-warning-dark: color-mix(in oklab, var(--color-warning) 80%, black);

    --color-danger: var(--color-error);
    --color-danger-light: color-mix(in oklab, var(--color-error) 70%, white);
    --color-danger-dark: color-mix(in oklab, var(--color-error) 80%, black);

    /* Background and text */
    --bg-primary: var(--color-base-100);
    --bg-secondary: var(--color-base-200);
    --bg-tertiary: var(--color-base-300);

    --text-primary: var(--color-base-content);
    --text-secondary: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    --text-tertiary: var(--color-base-content);

    /* Borders */
    --border-primary: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    --border-secondary: color-mix(in oklab, var(--color-base-content) 12%, transparent);

    /* Border radii - taken from daisyUI's own default radii */
    --app-radius-small: var(--radius-field, 0.375rem);
    --app-radius: var(--radius-box, 0.5rem);
    --app-radius-large: calc(var(--radius-box, 0.5rem) * 2);

    /* Shadows - soft and diffuse (several layers) rather than a single
       hard shadow, for a more modern look. */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 1px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.05);
    --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12), 0 4px 8px rgba(15, 23, 42, 0.06);
}