/* ESCUADRA tokens */
:root {
  --papel: #F5F1E8;
  --niebla: #EBEBDD;
  --polvo: #F7E4D8;
  --blanco: #FFFFFF;
  --marco: #DAD4C6;
  --arena: #B7AC9C;
  --naranja: #FF4D00;
  --quemado: #BC3E06;
  --vino: #63281B;
  --vino-claro: #E3C2B5;
  --tinta: #241713;
  --tinta-suave: #3A2A20;
  --grafito: #6B6257;
  --grafito-claro: #8A8177;
  --agua: #A0C9CB;
  --turquesa: #4E8D96;
  --polvo-claro: #FBF1EA;
  --polvo-hondo: #EFD2BE;
  --surface-canvas: var(--papel);
  --surface-raised: var(--blanco);
  --surface-inverse: var(--tinta);
  --surface-field: var(--polvo);
  --surface-block: var(--niebla);
  --surface-state-info: agua @12%;
  --text-primary: var(--tinta);
  --text-secondary: var(--grafito);
  --text-inverse: var(--papel);
  --text-on-accent: var(--papel);
  --accent: var(--naranja);
  --accent-pressed: var(--quemado);
  --accent-premium: var(--vino);
  --accent-price: var(--naranja);
  --chart-axis: var(--grafito);
  --chart-series-1: var(--naranja);
  --chart-series-2: var(--turquesa);
  --chart-series-2-dark: var(--agua);
  --border-hairline: var(--marco);
  --border-on-dark: var(--tinta-suave);
  --focus-ring: naranja @12%;
  --focus-keyline: 2px solid var(--accent);
  --radius: 0;
  --hairline-w: 1px;
  --type-display-1: 64px/66px; 
  --type-display-2: 40px/44px; 
  --type-title: 24px/30px; 
  --type-body: 16px/24px; 
  --type-spec: 13px/18px; 
  --type-label: 13px/18px; 
  --type-micro-label: 11px/14px; 
  --space-0: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;
}