/*
 * POUPADIM — Design Tokens
 * Usado por: login.php, recuperar-senha.php, redefinir-senha.php
 * Os valores de cor primária espelham os de styleIndex.css para consistência.
 */
:root {
    /* ---- Typography ---- */
    --font-sans:        'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-medium:      500;
    --font-semibold:    600;
    --font-bold:        700;
    --font-extrabold:   800;

    /* Font sizes */
    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  1.875rem;
    --text-4xl:  2.25rem;

    /* Line heights */
    --leading-tight:   1.25;
    --leading-snug:    1.375;
    --leading-normal:  1.5;
    --leading-relaxed: 1.625;

    /* ---- Spacing (4px base) ---- */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    /* ---- Border radius ---- */
    --radius-sm:   0.375rem;
    --radius-md:   0.5rem;
    --radius-lg:   0.75rem;
    --radius-xl:   1rem;
    --radius-full: 9999px;

    /* ---- Primary palette (Poupadim Blue) ---- */
    --primary-50:  #f0f9ff;
    --primary-100: #e0f5fe;
    --primary-200: #bae9fd;
    --primary-300: #7cd5fd;
    --primary-400: #36beff;
    --primary-500: #00a0e3;
    --primary-600: #0080b8;
    --primary-700: #00638f;
    --primary-800: #0f1c3f;
    --primary-900: #080e21;

    /* ---- Accent ---- */
    --teal-500:   #14b8a6;
    --gray-100:   #f3f4f6;
    --gray-200:   #e5e7eb;
    --gray-300:   #d1d5db;
    --gray-400:   #9ca3af;
    --gray-500:   #6b7280;
    --gray-600:   #4b5563;
    --gray-700:   #374151;
    --gray-800:   #1f2937;
    --gray-900:   #111827;

    /* ---- Semantic text ---- */
    --text-primary:   #111827;
    --text-secondary: #6b7280;
    --text-tertiary:  #9ca3af;
    --text-disabled:  #d1d5db;
    --text-inverse:   #ffffff;

    /* ---- Backgrounds ---- */
    --bg-page:    #f9fafb;
    --bg-sunken:  #f3f4f6;
    --bg-surface: #ffffff;

    /* ---- Borders ---- */
    --border-subtle: #e5e7eb;
    --border-default: #d1d5db;
    --border-focus:  #00a0e3;

    /* ---- Semantic status ---- */
    --color-success:        #10b981;
    --color-success-bg:     #f0fdf4;
    --color-success-border: #bbf7d0;

    --color-warning:        #f59e0b;
    --color-warning-bg:     #fffbeb;
    --color-warning-border: #fde68a;

    --color-error:          #ef4444;
    --color-error-bg:       #fef2f2;
    --color-error-border:   #fecaca;

    --color-info:           #3b82f6;
    --color-info-bg:        #eff6ff;
    --color-info-border:    #bfdbfe;

    /* ---- Transitions ---- */
    --transition-fast: 100ms ease;
    --transition-base: 150ms ease;
    --transition-slow: 250ms ease;

    /* ---- Shadows ---- */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}