/* ============================================================
   AeroBuild / ConstruccionApp — Design System
   Tokens de diseño compartidos para estandarización global
   ============================================================ */

:root {
    /* --- Colors --- */
    --ds-primary:           #002046;
    --ds-primary-dark:      #1b365d;
    --ds-primary-light:     #aec7f7;
    --ds-secondary:         #515f74;
    --ds-background:        #f6fafe;
    --ds-surface:           #ffffff;
    --ds-surface-low:       #f0f4f8;
    --ds-surface-mid:       #eaeef2;
    --ds-surface-high:      #e4e9ed;
    --ds-outline:           #c4c6cf;
    --ds-error:             #ba1a1a;
    --ds-warning:           #ffb95f;
    --ds-text:              #171c1f;
    --ds-text-secondary:    #515f74;
    --ds-text-muted:        #74777f;
    --ds-text-placeholder:  #94a3b8;

    /* --- Layout --- */
    --ds-sidebar-width:     280px;
    --ds-topbar-height:     4rem;
    --ds-content-padding:   2.5rem;

    /* --- Typography --- */
    --ds-font-heading:      'Manrope', sans-serif;
    --ds-font-body:         'Inter', sans-serif;

    --ds-title-size:        2.25rem;   /* page-title */
    --ds-title-weight:      800;
    --ds-title-tracking:    -0.02em;

    --ds-desc-size:         0.875rem;  /* page-description */

    --ds-label-size:        0.625rem;  /* stat-label, breadcrumb, table-th */
    --ds-label-tracking:    0.08em;

    --ds-stat-value-size:   2rem;      /* stat/kpi value */
    --ds-stat-value-weight: 900;

    /* --- Components --- */
    --ds-btn-padding:       0.75rem 1.5rem;
    --ds-btn-radius:        0.75rem;
    --ds-btn-font-size:     0.875rem;
    --ds-btn-font-weight:   700;

    --ds-card-padding:      1.5rem;
    --ds-card-radius:       0.75rem;
    --ds-section-radius:    1rem;

    --ds-table-th-padding:  1rem 1.5rem;
    --ds-table-td-padding:  1.25rem 1.5rem;

    /* --- Shadows --- */
    --ds-shadow-sm:   0 1px 3px rgba(0, 0, 0, 0.06);
    --ds-shadow-md:   0 4px 20px rgba(23, 28, 31, 0.06);
    --ds-shadow-lg:   0 10px 30px rgba(0, 32, 70, 0.12);
}