/* ============================================================
   Tropicado Proveedores — Design Tokens
   Variables CSS globales: marca, neutros, semánticos,
   tipografía, espaciado, radios y sombras.
   ============================================================ */

:root {
    /* Marca Tropicado */
    --tropicado-green:        #2d6a4f;
    --tropicado-green-light:  #52b788;
    --tropicado-green-dark:   #1b4332;
    --tropicado-green-mist:   #f0f4f2;

    /* Neutros */
    --gray-50:   #f8f9fa;
    --gray-100:  #e9ecef;
    --gray-300:  #ced4da;
    --gray-500:  #adb5bd;
    --gray-600:  #6c757d;
    --gray-800:  #343a40;
    --gray-900:  #212529;

    /* Semánticos */
    --color-success: #198754;
    --color-warning: #ffc107;
    --color-danger:  #dc3545;
    --color-info:    #0d6efd;

    /* Tipografía */
    --font-heading: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* Radios */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Sombras (con tinte verde sutil) */
    --shadow-sm: 0 1px 2px rgba(27, 67, 50, .06);
    --shadow-md: 0 4px 12px rgba(27, 67, 50, .08);
    --shadow-lg: 0 10px 30px rgba(27, 67, 50, .12);

    /* Transiciones */
    --transition-fast: 120ms ease;
    --transition-base: 200ms ease;
}