/* === Finky Admin · Design Tokens ===
   Paleta "profesional cálido": pensada para administradores de fincas.
   Verde oliva profundo como marca, crema cálido como fondo, burdeos reservado
   para acentos destructivos/urgentes. Tipografía Source Sans 3 (humanista). */

:root {
    /* === Brand === */
    --color-primary: #3D5A4A;
    --color-primary-dark: #2D4438;
    --color-primary-darker: #1F3127;
    --color-primary-soft: #E8EDE8;
    --color-primary-tint: rgba(61, 90, 74, 0.08);

    --color-accent: #B85450;
    --color-accent-dark: #8F3F3D;

    /* === Neutrals (cálidos, no grises fríos) === */
    --color-bg: #FAF8F3;
    --color-surface: #FFFFFF;
    --color-surface-alt: #F5F2EA;

    --color-text: #2D2A26;
    --color-text-muted: #6B6660;
    --color-text-subtle: #9C968C;
    --color-text-inverse: #FAF8F3;

    --color-border: #E5E0D5;
    --color-border-strong: #C9C2B2;

    /* === Semantic (armonizados con paleta cálida) === */
    --color-success: #4A6B3D;
    --color-success-bg: #E5EBD9;
    --color-success-text: #2D4220;

    --color-warning: #B8842C;
    --color-warning-bg: #F5E9C8;
    --color-warning-text: #6B4A14;

    --color-danger: #B85450;
    --color-danger-bg: #F5DDDB;
    --color-danger-text: #7A2D2A;

    --color-info: #4A6B7B;
    --color-info-bg: #DDE5EB;
    --color-info-text: #2A4452;

    /* === Sidebar === */
    --sidebar-bg: var(--color-primary);
    --sidebar-bg-dark: var(--color-primary-darker);
    --sidebar-text: rgba(250, 248, 243, 0.85);
    --sidebar-text-active: #FFFFFF;
    --sidebar-hover: rgba(255, 255, 255, 0.10);
    --sidebar-active: rgba(255, 255, 255, 0.18);
    --sidebar-border: rgba(255, 255, 255, 0.12);

    /* === Typography ===
       Tamaños en rem (÷16) para que escalen con el font-size raíz responsivo
       definido en admin-base.css (html { font-size: clamp(...) }). */
    --font-base: 'Source Sans 3', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-size-xs: 0.75rem;    /* 12px */
    --font-size-sm: 0.8125rem;  /* 13px */
    --font-size-base: 0.875rem; /* 14px */
    --font-size-md: 0.9375rem;  /* 15px */
    --font-size-lg: 1rem;       /* 16px */
    --font-size-xl: 1.125rem;   /* 18px */
    --font-size-2xl: 1.375rem;  /* 22px */
    --font-size-3xl: 1.625rem;  /* 26px */

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.25;
    --line-height-base: 1.5;
    --line-height-relaxed: 1.65;

    /* === Spacing (escala 4px, expresada en rem para escalar con la raíz) === */
    --space-1: 0.25rem;   /* 4px */
    --space-2: 0.5rem;    /* 8px */
    --space-3: 0.75rem;   /* 12px */
    --space-4: 1rem;      /* 16px */
    --space-5: 1.25rem;   /* 20px */
    --space-6: 1.5rem;    /* 24px */
    --space-7: 1.75rem;   /* 28px */
    --space-8: 2rem;      /* 32px */
    --space-10: 2.5rem;   /* 40px */
    --space-12: 3rem;     /* 48px */

    /* === Radius (más conservador que antes — formal) === */
    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 10px;
    --radius-full: 9999px;

    /* === Shadows (sutiles, paleta cálida) === */
    --shadow-sm: 0 1px 2px rgba(45, 42, 38, 0.06);
    --shadow-md: 0 2px 6px rgba(45, 42, 38, 0.08);
    --shadow-lg: 0 8px 20px rgba(45, 42, 38, 0.12);
    --shadow-xl: 0 16px 40px rgba(45, 42, 38, 0.18);

    /* === Transitions === */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* === Focus ring (accesibilidad) === */
    --focus-ring: 0 0 0 3px rgba(61, 90, 74, 0.25);
}