/*
 * SharkMovie - Variables de Estilo (Design Tokens)
 */

:root {
  /* Color Palette */
  --sm-bg: #f1f5f9;
  --sm-surface: #ffffff;
  --sm-surface-alt: #f1f5f9;
  
  --sm-primary: #1a6ef5;
  --sm-primary-hover: #1153c8;
  --sm-accent: #e63946;
  --sm-accent-hover: #c92a37;
  --sm-success: #22c55e;
  
  --sm-text-main: #0f172a;
  --sm-text-muted: #64748b;
  --sm-text-light: #94a3b8;
  --sm-border: #e2e8f0;
  --sm-border-dark: #cbd5e1;

  /* Dark Theme Tokens (Hero & Cards) */
  --sm-dark-bg: #0f172a;
  --sm-dark-card: #1e293b;
  --sm-dark-text: #f8fafc;
  --sm-dark-muted: #94a3b8;

  /* Fonts */
  --sm-font-heading: 'Bebas Neue', cursive, sans-serif;
  --sm-font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Spacing */
  --sm-radius-sm: 6px;
  --sm-radius-md: 10px;
  --sm-radius-lg: 16px;
  --sm-radius-full: 9999px;

  /* Shadows */
  --sm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --sm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --sm-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);
  --sm-shadow-hover: 0 12px 28px rgba(26, 110, 245, 0.2);

  /* Transitions */
  --sm-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

  /* Tipografía configurable (Panel de Administración) */
  --sm-h1-size: 32px;
  --sm-h2-size: 24px;
  --sm-h3-size: 17px;
  --sm-h4-size: 16px;
  --sm-p-size: 16px;
  --sm-hero-title-size: 48px;

  /* Logo configurable */
  --sm-logo-height: 44px;

  /* Botones configurables */
  --sm-btn-radius: var(--sm-radius-md);
  --sm-btn-primary-bg: var(--sm-primary);
  --sm-btn-primary-hover: var(--sm-primary-hover);
  --sm-btn-primary-text: #ffffff;
  --sm-btn-accent-bg: var(--sm-accent);
  --sm-btn-accent-hover: var(--sm-accent-hover);
  --sm-btn-accent-text: #ffffff;
}