/* =========================================================================
   PRIME DS · Design Tokens
   Sistema de diseño Prime Sports — Navy deportivo profundo + Naranja energía
   ========================================================================= */

:root {
  /* ---------- Color · Brand (Navy deportivo) ---------- */
  --ps-brand-50:  #EAEEF8;
  --ps-brand-100: #D4DCEF;
  --ps-brand-200: #B8C2D6;
  --ps-brand-300: #8294C1;
  --ps-brand-400: #5C75AC;
  --ps-brand-500: #3A57B4;
  --ps-brand-600: #2F468F;
  --ps-brand-700: #1F3163;
  --ps-brand-800: #142147;
  --ps-brand-900: #0B1739;
  --ps-brand-950: #060E25;

  /* ---------- Color · Accent (Naranja energía) ---------- */
  --ps-accent-50:  #FFF2EB;
  --ps-accent-100: #FFE3D5;
  --ps-accent-200: #FFC4A5;
  --ps-accent-400: #FF8E5C;
  --ps-accent-500: #FF7847;
  --ps-accent-600: #FF6B35;
  --ps-accent-700: #E5521E;
  --ps-accent-800: #B84017;

  /* ---------- Color · Semantic ---------- */
  --ps-success-50:  #E5F5ED;
  --ps-success-100: #C9EBD8;
  --ps-success-500: #22A06B;
  --ps-success-600: #1A8A5A;
  --ps-success-700: #136F48;

  --ps-warning-50:  #FDF1DC;
  --ps-warning-100: #FCE3B7;
  --ps-warning-500: #E08D00;
  --ps-warning-600: #C77700;
  --ps-warning-700: #A66100;

  --ps-danger-50:  #FCE6E6;
  --ps-danger-100: #F9CFCF;
  --ps-danger-500: #DC3F3F;
  --ps-danger-600: #C53030;
  --ps-danger-700: #A02020;

  --ps-info-50:  #E8F0FA;
  --ps-info-100: #CFE0F5;
  --ps-info-500: #3D7DDB;
  --ps-info-600: #2563EB;
  --ps-info-700: #1D4FBC;

  /* ---------- Color · Neutrals (estructura, texto) ---------- */
  --ps-surface-0:   #FFFFFF;
  --ps-surface-25:  #FBFCFD;
  --ps-surface-50:  #F7F8FB;
  --ps-surface-100: #EEF1F6;
  --ps-surface-200: #E2E6EE;
  --ps-surface-300: #CBD2DC;
  --ps-surface-400: #94A3B8;
  --ps-surface-500: #64748B;
  --ps-surface-600: #475569;
  --ps-surface-700: #334155;
  --ps-surface-800: #1E293B;
  --ps-surface-900: #0F172A;

  /* ---------- Color · Semánticos de texto / borde ---------- */
  --ps-text-default: var(--ps-surface-900);
  --ps-text-muted:   var(--ps-surface-600);
  --ps-text-subtle:  var(--ps-surface-500);
  --ps-text-on-brand: var(--ps-surface-0);
  --ps-text-on-brand-muted: rgba(255,255,255,0.7);
  --ps-text-link: var(--ps-brand-500);

  --ps-border-subtle:  var(--ps-surface-200);
  --ps-border-default: var(--ps-surface-300);
  --ps-border-strong:  var(--ps-surface-400);

  --ps-bg-page: var(--ps-surface-50);
  --ps-bg-card: var(--ps-surface-0);
  --ps-bg-hover: var(--ps-surface-50);
  --ps-bg-selected: var(--ps-brand-50);

  /* ---------- Spacing scale (4-pt grid) ---------- */
  --ps-space-0:  0;
  --ps-space-1:  4px;
  --ps-space-2:  8px;
  --ps-space-3:  12px;
  --ps-space-4:  16px;
  --ps-space-5:  24px;
  --ps-space-6:  32px;
  --ps-space-7:  48px;
  --ps-space-8:  64px;
  --ps-space-9:  96px;

  /* ---------- Radius ---------- */
  --ps-radius-xs: 4px;
  --ps-radius-sm: 6px;
  --ps-radius-md: 10px;
  --ps-radius-lg: 14px;
  --ps-radius-xl: 20px;
  --ps-radius-full: 9999px;

  /* ---------- Typography ---------- */
  --ps-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ps-font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;

  --ps-text-2xs:    11px;
  --ps-text-xs:     12px;
  --ps-text-sm:     14px;
  --ps-text-base:   16px;
  --ps-text-lg:     18px;
  --ps-text-xl:     20px;
  --ps-text-2xl:    24px;
  --ps-text-3xl:    32px;
  --ps-text-display:40px;

  --ps-leading-tight:  1.2;
  --ps-leading-snug:   1.35;
  --ps-leading-normal: 1.5;
  --ps-leading-loose:  1.7;

  /* ---------- Shadow ---------- */
  --ps-shadow-1: 0 1px 2px rgba(15,23,42,0.06), 0 1px 1px rgba(15,23,42,0.04);
  --ps-shadow-2: 0 4px 12px rgba(15,23,42,0.08);
  --ps-shadow-3: 0 12px 32px rgba(15,23,42,0.12);
  --ps-shadow-focus: 0 0 0 3px rgba(58,87,180,0.18);
  --ps-shadow-focus-danger: 0 0 0 3px rgba(197,48,48,0.18);

  /* ---------- Motion ---------- */
  --ps-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ps-ease-emphasized: cubic-bezier(0.4, 0, 0, 1);
  --ps-duration-fast: 120ms;
  --ps-duration-normal: 200ms;
  --ps-duration-slow: 320ms;

  /* ---------- Z-index ---------- */
  --ps-z-base: 0;
  --ps-z-dropdown: 100;
  --ps-z-sticky: 200;
  --ps-z-overlay: 300;
  --ps-z-modal: 400;
  --ps-z-toast: 500;

  /* ---------- Layout ---------- */
  --ps-sidebar-width: 248px;
  --ps-sidebar-width-collapsed: 64px;
  --ps-header-height: 60px;
  --ps-container-max: 1440px;
}