/**
 * FcTheme - Football Green Edition
 * Paleta genérica para equipo de fútbol (verde institucional)
 */
:root {
  --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --container-max-width: 1600px;
  --color-text: oklch(47.55% 0.095 268.67);
  --color-text-light: #666666;

  /* Base */
  --background: oklch(0.9735 0.0054 274.97);
  --foreground: oklch(0.1516 0.0402 277.97);

  /* Cards */
  --card: oklch(0.9735 0.0054 274.97);
  --card-foreground: oklch(0.25 0.05 150);

  /* Primary - Verde institucional */
  --primary:oklch(46.55% 0.153 322.87);
  --primary-foreground: oklch(47.55% 0.095 268.67);
  --primary-foreground-transparent: oklch(47.55% 0.095 268.67 / 0.8);

  /* Secondary - Verde césped claro */
  --secondary: oklch(74.67% 0.113 209.92);
  --secondary-foreground: oklch(59.81% 0.191 254.08);

  /* Muted */
  --muted: oklch(0.94 0.02 140);
  --muted-foreground: oklch(0.45 0.04 150);

  /* Accent - Verde vibrante (botones, hover, badges) */
  --accent: oklch(0.5813 0.2246 358.04);;
  --accent-foreground: oklch(0.5166 0.2005 356.76);

  /* Destructive - Rojo tarjeta */
  --destructive: oklch(0.65 0.23 25);
  --destructive-foreground: oklch(0.98 0 0);

  /* Borders & inputs */
  --border: oklch(0.92 0.0124 276.09);
  --input: oklch(0.85 0.03 145);

  /* Typography */
  --font-sans: "Outfit", "Helvetica Neue", Arial, Helvetica, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Fira Mono", "Menlo", "Consolas", "Liberation Mono", monospace;

  /* UI */
  --radius: 0.6rem;
  --shadow-opacity: 0.12;

  --shadow-2xs: 0 1px 3px 1px hsl(120 30% 20% / 0.05);
  --shadow-xs: 0 1px 3px 1px hsl(120 30% 20% / 0.08);
  --shadow-sm: 0 2px 4px -1px hsl(120 30% 20% / 0.12);
  --shadow: 0 3px 6px -2px hsl(120 30% 20% / 0.14);
  --shadow-md: 0 4px 8px -2px hsl(120 30% 20% / 0.16);
  --shadow-lg: 0 6px 12px -3px hsl(120 30% 20% / 0.18);
  --shadow-xl: 0 8px 16px -4px hsl(120 30% 20% / 0.2);
  --shadow-2xl: 0 10px 20px -5px hsl(120 30% 20% / 0.22);

  --spacing: 0.25rem;

  --navbar-height: calc(var(--spacing) * 15);

  @media (min-width: 768px) {
    --navbar-height: calc(var(--spacing) * 18);
  }
}

/* ========================= */
/* Dark Mode - Estadio Night */
/* ========================= */

.dark {
  --background: oklch(0.20 0.04 150);
  --foreground: oklch(0.95 0.02 140);

  --card: oklch(0.25 0.05 150);
  --card-foreground: var(--foreground);

  --primary: oklch(0.65 0.20 145);
  --primary-foreground: oklch(0.15 0.03 150);

  --secondary: oklch(0.35 0.07 150);
  --secondary-foreground: oklch(0.95 0.02 140);

  --muted: oklch(0.30 0.05 150);
  --muted-foreground: oklch(0.85 0.03 140);

  --accent: oklch(0.72 0.24 150);
  --accent-foreground: oklch(0.15 0.03 150);

  --destructive: oklch(0.68 0.25 25);
  --destructive-foreground: oklch(0.98 0 0);

  --border: oklch(0.40 0.05 150);
  --input: oklch(0.40 0.05 150);

  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.08);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.1);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.15);
  --shadow: 0 2px 4px -1px hsl(0 0% 0% / 0.18);
  --shadow-md: 0 3px 6px -1px hsl(0 0% 0% / 0.2);
  --shadow-lg: 0 6px 10px -2px hsl(0 0% 0% / 0.22);
  --shadow-xl: 0 8px 14px -3px hsl(0 0% 0% / 0.24);
  --shadow-2xl: 0 12px 18px -4px hsl(0 0% 0% / 0.26);
}

html {
  scroll-behavior: smooth;
}

.region.region-content {
  max-width: 100%;
  padding: 0;
}