/* ui-core.css - BASE TOKENS */
/* SOLO contiene variables nativas css, garantizando nulo conflicto con Tailwind */

:root {
  /* Brand Colors */
  --color-primary: #e5133a;
  --color-primary-dark: #c00e2e;
  --color-primary-light: #ffebef;
  
  --color-accent: #FFB81C;
  --color-accent-dark: #e5a010;
  
  /* Neutral scale */
  --color-dark: #1a1a1a;
  --color-dark-secondary: #0f0f0f;
  
  --color-text-main: #1a1a1a;
  --color-text-muted: #5e6b7d;
  
  --color-bg-light: #fafafa;
  --color-bg-white: #ffffff;
  
  /* Shadows */
  --shadow-kfc-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  --shadow-kfc-md: 0 8px 20px -3px rgba(0,0,0,0.08);
  --shadow-kfc-lg: 0 12px 30px rgba(0,0,0,0.12);
  
  /* Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;
  
  /* Transitions */
  --transition-fast: 0.15s ease-in-out;
  --transition-normal: 0.3s ease;
}