/* assets/palette.css */
/* Paleta oficial Padelia */

:root {
  /* Brand */
  --padelia-purple: #6F2DBD;        /* principal */
  --padelia-purple-soft: #F4ECFF;   /* highlights / focus suaves */
  --padelia-purple-dark: #4B1C82;   /* hover / active / depth */
  --padelia-purple-light: #A55FEB;

  /* Base */
  --bg: #0B0F19;                    /* fondo principal */
  --surface: rgba(255,255,255,0.05);
  --surface-2: rgba(255,255,255,0.08);
  --card: #111827;
  --card-soft: #020617;

  /* Texto */
  --text-main: #F9FAFB;
  --text-muted: #9CA3AF;
  --text-faint: rgba(249,250,251,0.55);

  /* Borders */
  --border-soft: rgba(255,255,255,0.10);
  --border-strong: rgba(255,255,255,0.18);

  /* Inputs */
  --input-bg: #020617;

  /* Shadows */
  --shadow-lg: 0 20px 50px rgba(0,0,0,0.45);
  --shadow-md: 0 12px 30px rgba(0,0,0,0.35);

  /* Radius */
  --r-xl: 22px;
  --r-lg: 16px;
  --r-md: 12px;

  /* Layout */
  --max: 1100px;

  /* Grid pádel sutil */
  --grid: rgba(255,255,255,0.035);
}