/*
 * Pension Resource theme variables.
 * Variables only: no rule here styles an element. Change values here to re-color the site;
 * pr-buttons.css and the EAMain.php shell styles read from these.
 */
:root {
    /* Palette */
    --primary-blue: #2563eb;
    --primary-blue-dark: #1e40af;
    --primary-blue-light: #3b82f6;
    --secondary-gray: #64748b;
    --secondary-gray-light: #94a3b8;
    --background-light: #f8fafc;
    --background-white: #ffffff;
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-on-primary: #ffffff;
    --border-color: #e2e8f0;

    /* Panels such as the floating chat */
    --pr-panel-border: #dee2e6;
    --pr-panel-muted: #f8f9fa;
    --pr-panel-header: #0d6efd;
    --pr-panel-header-hover: #0b5ed7;
    --pr-panel-success: #198754;

    /* Elevation */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --pr-shadow-sidebar: 2px 0 4px rgba(0, 0, 0, 0.05);
    --pr-shadow-panel: 0 0 20px rgba(0, 0, 0, 0.15);
    --pr-focus-soft: 0 0 0 3px rgba(37, 99, 235, 0.1);

    /* Spacing and shape */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Buttons */
    --pr-primary-start: #0062cc;
    --pr-primary-end: #0096ff;
    --pr-primary-gradient: linear-gradient(135deg, var(--pr-primary-start), var(--pr-primary-end));
    --pr-primary-soft: linear-gradient(135deg, rgba(0, 98, 204, 0.07), rgba(0, 150, 255, 0.13));
    --pr-success-start: #146c43;
    --pr-success-end: #20c997;
    --pr-success-gradient: linear-gradient(135deg, var(--pr-success-start), var(--pr-success-end));
    --pr-success-soft: linear-gradient(135deg, rgba(20, 108, 67, 0.07), rgba(32, 201, 151, 0.14));
    --pr-danger-start: #b02a37;
    --pr-danger-end: #e35d6a;
    --pr-danger-gradient: linear-gradient(135deg, var(--pr-danger-start), var(--pr-danger-end));
    --pr-danger-soft: linear-gradient(135deg, rgba(176, 42, 55, 0.06), rgba(227, 93, 106, 0.12));
    --pr-secondary-soft: linear-gradient(135deg, rgba(100, 116, 139, 0.06), rgba(148, 163, 184, 0.14));
    --pr-warning-soft: linear-gradient(135deg, rgba(255, 193, 7, 0.10), rgba(255, 213, 79, 0.18));
    --pr-info-soft: linear-gradient(135deg, rgba(13, 202, 240, 0.08), rgba(110, 222, 245, 0.16));
    --pr-dark-soft: linear-gradient(135deg, rgba(33, 37, 41, 0.05), rgba(73, 80, 87, 0.11));
    --pr-btn-radius: 10px;
    --pr-btn-lift: -2px;
    --pr-btn-transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease,
        border-color 0.2s ease, color 0.2s ease;
    --pr-shadow-primary: 0 5px 15px rgba(0, 98, 204, 0.3);
    --pr-shadow-neutral: 0 5px 15px rgba(15, 23, 42, 0.15);
    --pr-shadow-secondary: 0 5px 15px rgba(108, 117, 125, 0.3);
    --pr-shadow-success: 0 5px 15px rgba(25, 135, 84, 0.3);
    --pr-shadow-danger: 0 5px 15px rgba(220, 53, 69, 0.3);
    --pr-shadow-warning: 0 5px 15px rgba(255, 193, 7, 0.35);
    --pr-shadow-info: 0 5px 15px rgba(13, 202, 240, 0.3);
    --pr-shadow-dark: 0 5px 15px rgba(33, 37, 41, 0.3);
    --pr-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.25);
}

/*
 * Future themes override values only, for example:
 *
 * [data-pr-theme="green"] {
 *     --pr-primary-start: #047857;
 *     --pr-primary-end: #10b981;
 *     --pr-shadow-primary: 0 5px 15px rgba(4, 120, 87, 0.3);
 * }
 */