:root {
  /* Palette POTISSE storefront reciclada */
  --potisse-cream: #F2F1ED;
  --potisse-cream-soft: #EEEDE9;
  --potisse-cream-hover: #E8E6E0;
  --potisse-chocolate: #3A322E;
  --potisse-chocolate-soft: #5A524E;
  --potisse-chocolate-mute: #8A827E;

  /* Semánticos admin */
  --hairline: #D8D6D1;
  --hairline-strong: #B8B6B1;
  --danger: #A54848;
  --success: #4E7A5A;
  --warning: #B8863D;
  --info: #4E6A7A;

  /* Tipografía */
  --font-body: "IBM Plex Sans Condensed", -apple-system, BlinkMacSystemFont,
               "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", "Cascadia Code", Menlo, monospace;

  /* Tamaños compactos densidad admin */
  --size-xs: 11px;
  --size-sm: 12px;
  --size-base: 13px;
  --size-lg: 15px;
  --size-xl: 18px;
  --size-2xl: 24px;

  /* Espaciado grid 4px */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* Layout */
  --sidebar-width: 220px;
  --header-height: 48px;

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