/*
 * MWFewoManager
 *
 * @author Küstenweb GmbH <info@mwfewomanager.de>
 * @copyright mwfewomanager.de
 */

:root {
    --font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
    --font-size-base: 16px;
    --line-height: 1.5;

    /* Core */
    --color-primary: #0072ce;
    --color-primary-hover: #005fa3;
    --color-secondary: #6b7280;
    --color-secondary-hover: #4b5563;
    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --white: #ffffff;
    --border-color: #e3e8ee;
    --color-border: var(--border-color);
    --color-text: #1f2937;
    --color-muted: #6b7280;
    /* Forms */
    --form-label-color: var(--color-text);

    --color-success: #10b981;
    --color-danger: #ef4444;
    --color-warning: #f59e0b;
    --color-info: #3b82f6;

    --radius-card: 16px;
    --border-radius: 8px;
    --radius-button: var(--border-radius);
    --radius-lg: 16px;
    --shadow-card: 0 4px 12px rgba(0, 0, 0, .08);

    /* --------------------------------------------------
       Picker Tokens (shared)
    -------------------------------------------------- */

    /* Tooltip (Datepicker) */
    --tooltip-bg: var(--color-text);
    --tooltip-fg: var(--white);

    /* --------------------------------------------------
       Calendar Theme Tokens (project overrides)
    -------------------------------------------------- */

    --calendar-cell-width: 46px;
    --calendar-cell-height: 46px;
    --calendar-check-label-fg: var(--white);
    --calendar-price-on-check-fg: var(--white);
    --calendar-day-hover-bg: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));

    /* === Kalenderfarben: Hintergründe === */
    --calendar-bg-free: #eaf7ef;
    --calendar-bg-booked: #f6d2d2;
    --calendar-bg-blocked: #e0e0e0;
    --calendar-bg-owner: #ffe5b4;
    --calendar-bg-edit: #fff7d1;
    --calendar-bg-selected: #eaf3ff;
    --calendar-bg-check: #0072ce;

    /* === Kalenderfarben: Schrift/Iconfarben === */
    --calendar-fg-free: #46594d;
    --calendar-fg-booked: #e2a1a1;
    --calendar-fg-blocked: #bcbcbc;
    --calendar-fg-owner: #f3b97e;
    --calendar-fg-edit: #f0c36d;
    --calendar-fg-selected: #82b5f7;
    --calendar-fg-check: #fff;

    /* === Kalenderfarben: Rahmen (Borders) === */
    --calendar-border-free: #b3dfc1;
    --calendar-border-booked: #e2a1a1;
    --calendar-border-blocked: #bcbcbc;
    --calendar-border-owner: #f3b97e;
    --calendar-border-edit: #f0c36d;
    --calendar-border-selected: #82b5f7;
    --calendar-border-check: #0059a8;

    /* --------------------------------------------------
       Headings (Typography Tokens)
    -------------------------------------------------- */

    --font-family-heading: var(--font-family-sans-serif);
    --heading-color: var(--color-text);

    --font-size-h1: 2rem;
    --font-size-h2: 1.75rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.25rem;
    --font-size-h5: 1.125rem;
    --font-size-h6: 1rem;

    /* --------------------------------------------------
       Links (Color Tokens)
    -------------------------------------------------- */

    --link-color: var(--color-primary);
    --link-hover-color: var(--color-primary-hover);
    --link-visited-color: color-mix(in srgb, var(--color-primary) 70%, #6b7280);
    --link-active-color: var(--color-primary-hover);

    --link-decoration: underline;
    --link-hover-decoration: underline;
    --link-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);

    /* --------------------------------------------------
       Buttons (Color Tokens)
    -------------------------------------------------- */

    /* Primary */
    --btn-primary-bg: var(--color-primary);
    --btn-primary-bg-hover: var(--color-primary-hover);
    --btn-primary-text: var(--white);
    --btn-primary-text-hover: var(--white);
    --btn-primary-border: var(--color-primary);

    /* Secondary */
    --btn-secondary-bg: var(--color-secondary);
    --btn-secondary-bg-hover: var(--color-secondary-hover);
    --btn-secondary-text: var(--white);
    --btn-secondary-text-hover: var(--white);
    --btn-secondary-border: var(--color-secondary);

    /* Clear */
    --btn-clear-bg: transparent;
    --btn-clear-text: var(--color-muted);
    --btn-clear-border: var(--border-color);

    /* Cancel */
    --btn-cancel-bg: transparent;
    --btn-cancel-text: var(--color-text);
    --btn-cancel-border: var(--border-color);

    /* Apply (Success) */
    --btn-apply-bg: var(--color-success);
    --btn-apply-bg-hover: color-mix(in srgb, var(--color-success) 85%, #000 10%);
    --btn-apply-text: var(--white);
    --btn-apply-text-hover: var(--white);
    --btn-apply-border: var(--color-success);

    /* Book */
    --btn-book-bg: var(--color-primary);
    --btn-book-bg-hover: var(--color-primary-hover);
    --btn-book-text: var(--white);
    --btn-book-text-hover: var(--white);
    --btn-book-border: var(--color-primary);

    /* Request */
    --btn-request-bg: var(--color-warning);
    --btn-request-bg-hover: color-mix(in srgb, var(--color-warning) 85%, #000 10%);
    --btn-request-text: var(--white);
    --btn-request-text-hover: var(--white);
    --btn-request-border: var(--color-warning);

    /* Danger */
    --btn-danger-bg: var(--color-danger);
    --btn-danger-bg-hover: color-mix(in srgb, var(--color-danger) 85%, #000 10%);
    --btn-danger-text: var(--white);
    --btn-danger-text-hover: var(--white);
    --btn-danger-border: var(--color-danger);

    /* Increment / Decrement (Stepper) */
    --btn-stepper-bg: var(--color-surface);
    --btn-stepper-bg-hover: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    --btn-stepper-text: var(--color-text);
    --btn-stepper-border: var(--border-color);
}