@property --clip  { syntax: '<percentage>'; inherits: false; initial-value: 0%; }

@property --calor { syntax: '<number>';     inherits: false; initial-value: 0; }
@property --traza  { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --escala { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --avance { syntax: '<number>'; inherits: false; initial-value: 0; }
@property --d      { syntax: '<number>'; inherits: false; initial-value: 0; }

@property --lavado   { syntax: '<color>';  inherits: true; initial-value: transparent; }
@property --lavado-f { syntax: '<number>'; inherits: true; initial-value: 0; }

:root {
  
  --niebla:      #F7EEF2;   
  --rubor:       #EFCEDA;   
  --vino:        #7A1A45;   
  --vino-hondo:  #430721;   
  --lino:        #E8E0D4;   
  --tallo:       #3A4633;   
  --papel-claro: #FBF7F4;   
  --calor-tono:  #EFDCD2;   

  
  --p-rojo: #B3121F;  --p-rosado: #F2A8BE; --p-fucsia:  #D6117E;
  --p-blanco: #FBF7F4;--p-amarillo:#F2C230;--p-damasco: #F0A672;
  --p-naranjo:#EE6A1E; --p-morado: #7A3FA8; --p-lila:   #B99BD6;

  
  --display: 'Instrument Serif', 'Bodoni MT', Didot, Georgia, serif;
  --texto:   'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  
  --t-folio:  clamp(0.75rem, 2.6vw, 0.8rem);
  --t-micro:  clamp(0.75rem, 2.8vw, 0.82rem);
  --t-menor:  clamp(0.8rem,  3.1vw, 0.88rem);
  --t-base:   clamp(0.94rem, 3.6vw, 1.02rem);
  --t-medio:  clamp(1.12rem, 4.4vw, 1.3rem);
  --t-titulo: clamp(1.75rem, 8.2vw, 2.9rem);
  --t-lamina: clamp(1.5rem,  6.6vw, 2.5rem);
  --t-h1:     clamp(2.6rem, 14vw, 6.5rem);

  
  --margen:      clamp(1.15rem, 5.2vw, 3.25rem);
  --margen-int:  clamp(0.9rem, 3.6vw, 1.6rem);
  --aire:        clamp(2.1rem, 8vw, 5rem);
  --aire-corto:  clamp(1.4rem, 5vw, 2.4rem);
  --medida:      64ch;              
  --filete:      1px;
  --radio:       2px;               
  --radio-foto:  3px;

  
  --tope-barra: 56px;
  --tope-cinta: 28px;
  --tope-alto:  calc(var(--tope-barra) + var(--tope-cinta));

  
  --pie-pedido:  56px;
  --pie-folio:   28px;
  --pie-alto:    calc(var(--pie-pedido) + var(--pie-folio));

  
  --d-corta:  .28s;   
  --d-media:  .55s;   
  --d-larga:  1s;     
  --d-tinte:  .8s;    
  
  --lavado-base: .035;
  --lavado-tope: .09;
  --e-neutra: cubic-bezier(.4, 0, .2, 1);     
  --e-resorte: cubic-bezier(.175, .885, .32, 1.275);
}

@media (min-width: 900px) {
  :root { --pie-alto: 0px; }
}