/* ============================================================
   SurLibrary — Tokens de diseño (IMAGEN DE MARCA/01-MARCA.md)
   «Campo + cristal»: cuaderno de campo arena con paneles de
   cristal esmerilado sobre fotografía de naturaleza.
   ============================================================ */
:root {
    /* Marca */
    --bosque:   #213B2D;   /* fondo oscuro y texto principal */
    --pino:     #315A3D;   /* acción y navegación */
    --oliva:    #687A4D;   /* formas secundarias */
    --arena:    #F7F4E9;   /* superficies claras */
    --senal:    #D99A3A;   /* avisos y acentos (prioridad, precaución) */
    --musgo:    #506B4C;   /* texto secundario */
    /* Camuflaje del logo */
    --camo-1:   #4A6846;
    --camo-2:   #748458;
    --camo-3:   #45623E;
    /* Derivados */
    --arena-2:  #EFEADA;   /* superficie hundida */
    --arena-3:  #E4DCC4;   /* bordes cálidos */
    --kraft:    #C9AE84;   /* etiqueta de cartón */
    --kraft-ink:#5B4220;
    --senal-ink:#5A3A08;   /* texto sobre ámbar claro (AA) */
    --senal-dk: #A86F1C;
    --arcilla:  #9A4F2C;   /* sello «borrador» */
    --blanco:   #FFFDF7;

    --text:      var(--bosque);
    --text-2:    var(--musgo);
    --line:      rgba(33, 59, 45, .16);
    --line-2:    rgba(33, 59, 45, .28);

    /* Cristal */
    --glass-light:  rgba(247, 244, 233, .16);
    --glass-edge:   rgba(255, 255, 255, .42);
    --glass-sheen:  inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -1px 0 rgba(255, 255, 255, .08);
    --glass-blur:   blur(18px) saturate(1.5);
    --glass-shadow: 0 10px 40px -12px rgba(16, 32, 22, .45);

    /* Tipografía */
    --f-sans:  'Inter', Arial, sans-serif;
    --f-serif: 'Source Serif 4', Georgia, serif;
    --f-mono:  'JetBrains Mono', ui-monospace, Consolas, monospace;

    /* Escala */
    --r-sm: 10px;
    --r:    16px;
    --r-lg: 24px;
    --r-pill: 999px;
    --wrap: 1200px;
    --gutter: clamp(16px, 4vw, 40px);
    --shadow-card: 0 1px 0 rgba(33, 59, 45, .06), 0 12px 30px -18px rgba(33, 59, 45, .45);
    --ease: cubic-bezier(.2, .7, .2, 1);
}
