/* Sync with wp-themes/rehabpilot-minimal-staging/trunk/assets/css/rehabpilot-tokens.css
 * Source: rehabpilot/lib/core/theme/clinic_tablet_light_tokens.dart */
:root {
    /* Clinic Light surfaces (Flutter ClinicTabletLightTokens) */
    --rp-bg-app: #F5F9FD;
    --rp-bg-content: #EBF2F9;
    --rp-bg-input: #F0F4FA;
    --rp-bg-mist: #F1F3F5;
    --rp-bg-wash: #E8EEF4;

    /* Primary accent — navy steel gradient (not legacy Google blue) */
    --rp-accent-start: #1A3D66;
    --rp-accent-end: #2A5589;
    --rp-accent-start-pressed: #142E4F;
    --rp-accent-end-pressed: #234A75;
    --rp-accent: var(--rp-accent-end);
    --rp-accent-hover: var(--rp-accent-end-pressed);
    --rp-accent-subtle: #EDF2F8;
    --rp-accent-subtle-hover: #E4ECF4;
    --rp-accent-chip-border: #B8C8DC;
    --rp-accent-gradient: linear-gradient(135deg, var(--rp-accent-start) 0%, var(--rp-accent-end) 100%);
    --rp-accent-gradient-pressed: linear-gradient(135deg, var(--rp-accent-start-pressed) 0%, var(--rp-accent-end-pressed) 100%);

    /* Brand navy — logo / wordmark */
    --rp-brand: #1A4B7A;
    --rp-navy: var(--rp-brand);
    --rp-navy-light: #2A5589;

    /* Legacy aliases */
    --rp-teal: var(--rp-accent);
    --rp-teal-dim: var(--rp-accent-hover);
    --rp-cta: var(--rp-accent);
    --rp-cta-hover: var(--rp-accent-hover);
    --rp-cta-text: #FFFFFF;
    --rp-gold: #FBBF24;

    /* Text */
    --rp-text: #111827;
    --rp-text-muted: #374151;
    --rp-text-meta: #6B8499;
    --rp-text-hint: #8FA3B8;
    --rp-text-on-accent: #FFFFFF;
    --rp-muted: var(--rp-text-hint);

    /* Surfaces */
    --rp-surface: #ffffff;
    --rp-surface-alt: var(--rp-bg-content);
    --rp-border: #C9D4E0;
    --rp-link: var(--rp-accent);

    /* Semantic status */
    --rp-success: #007017;
    --rp-success-bg: #edfaef;
    --rp-warning: #996800;
    --rp-warning-bg: #fcf9e8;
    --rp-error: #D93025;
    --rp-error-bg: #fcf0f1;
    --rp-info: #2271b1;
    --rp-info-bg: #eef6fc;
    --rp-active-bg: var(--rp-accent-subtle);
    --rp-highlight: #dc2626;
    --rp-highlight-bg: #fef2f2;

    /* Spacing (4px base) */
    --rp-space-1: 4px;
    --rp-space-2: 8px;
    --rp-space-3: 12px;
    --rp-space-4: 16px;
    --rp-space-5: 20px;
    --rp-space-6: 24px;
    --rp-space-7: 32px;
    --rp-space-8: 48px;

    /* Typography — Ubuntu display + Nunito body */
    --rp-font-display: "Ubuntu", system-ui, sans-serif;
    --rp-font-body: "Nunito", system-ui, sans-serif;
    --rp-font-sans: var(--rp-font-body);
    --rp-text-xs: 0.75rem;
    --rp-text-sm: 0.8125rem;
    --rp-text-base: 0.9375rem;
    --rp-text-lg: 1.0625rem;
    --rp-text-xl: 1.25rem;
    --rp-text-2xl: clamp(1.65rem, 3.8vw, 2.35rem);
    --rp-text-hero: clamp(2rem, 5.5vw, 3.25rem);
    --rp-text-section: clamp(1.65rem, 3.8vw, 2.35rem);
    --rp-text-page-h1: clamp(1.75rem, 4vw, 2.25rem);
    --rp-text-page-h2: clamp(1.35rem, 3vw, 1.65rem);
    --rp-font-medium: 500;
    --rp-font-semibold: 600;
    --rp-font-bold: 700;

    /* Radii */
    --rp-radius-sm: 4px;
    --rp-radius: 12px;
    --rp-radius-lg: 16px;
    --rp-radius-pill: 999px;

    /* Shadows & motion */
    --rp-shadow: 0 2px 8px rgba(26, 61, 102, 0.08);
    --rp-shadow-lg: 0 8px 32px rgba(26, 61, 102, 0.16);
    --rp-shadow-card: 0 4px 18px rgba(26, 61, 102, 0.06);
    --rp-transition: 0.2s ease;
    --rp-focus-ring: 0 0 0 3px rgba(42, 85, 137, 0.28);

    /* Layout + mist header shell (App ShellHeaderEdgeMist / shellMist / sideNav) */
    --rp-content-max: 1280px;
    --rp-content-gutter: clamp(1.25rem, 4vw, 2rem);
    --rp-touch-min: 44px;
    --rp-nav-surface: var(--rp-bg-content);
    /* Site-nav chrome — sync ClinicTabletLightTokens.phoneHeader* */
    --rp-nav-chrome-deep: #0E243F;
    --rp-nav-chrome-mid: #1A3D66;
    --rp-nav-chrome-lift: #234A75;
    --rp-nav-chrome-gradient: linear-gradient(
        135deg,
        var(--rp-nav-chrome-deep) 0%,
        var(--rp-nav-chrome-mid) 38%,
        var(--rp-nav-chrome-lift) 72%,
        var(--rp-nav-chrome-mid) 100%
    );
    --rp-nav-on-chrome: #FFFFFF;
    --rp-nav-on-chrome-muted: #E8EEF4;
    --rp-nav-cta-on-chrome-bg: #FFFFFF;
    --rp-nav-cta-on-chrome-text: var(--rp-navy);
    --rp-header-bg: var(--rp-bg-mist);
    --rp-header-wash: var(--rp-bg-wash);
    --rp-header-blur: 12px;
    --rp-header-gradient: linear-gradient(180deg, var(--rp-bg-app) 0%, var(--rp-bg-content) 55%, var(--rp-bg-wash) 100%);
    --rp-overlay: rgba(16, 30, 54, 0.55);

    /* Screenshot frames */
    --rp-screenshot-aspect: 16 / 10;
    --rp-screenshot-frame-width: 520px;
    --rp-screenshot-frame-height: 325px;
    --rp-screenshot-canvas: #eef1f6;
    --rp-workflow-screenshot-width: var(--rp-screenshot-frame-width);
    --rp-workflow-screenshot-height: var(--rp-screenshot-frame-height);

    /* Timeline / activity chips */
    --rp-chip-restore: #2563eb;
    --rp-chip-import: #7c3aed;
    --rp-chip-staging: #d97706;
    --rp-chip-email: #64748b;
}