/*
 * Setvia — Brand Tokens
 * Derivado de wp-content/plugins/saas-deportes-raqueta/assets/css/str-design-tokens.css.
 * Fuente de verdad: DESIGN-SYSTEM.md + str-design-tokens.css.
 */

:root {
  /* === PALETA DERIVADA === */
  --svm-color-primary:       #C75A34; /* --str-color-primary */
  --svm-color-primary-hover: #A94628; /* --str-color-primary-hover */
  --svm-color-primary-soft:  #F5DFD4; /* --str-color-primary-soft */

  --svm-color-accent:        #C8E04A; /* --str-color-accent */
  --svm-color-accent-hover:  #B4CC36; /* --str-color-accent-hover */
  --svm-color-accent-soft:   #EEF6C8; /* --str-color-accent-soft */

  --svm-color-live:          #C8E04A; /* --str-color-accent */
  --svm-color-live-soft:     #EEF6C8; /* --str-color-accent-soft */

  --svm-sport-padel:         #C75A34; /* clay */
  --svm-sport-tenis:         #1E7A63; /* success */

  /* === TIPOGRAFIA === */
  --svm-font-sans:    "DM Sans", system-ui, sans-serif;
  --svm-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;

  /* Escala tipografica */
  --svm-text-xs:   12px;
  --svm-text-sm:   14px;
  --svm-text-base: 16px;
  --svm-text-lg:   18px;
  --svm-text-xl:   20px;
  --svm-text-2xl:  24px;
  --svm-text-3xl:  30px;
  --svm-text-4xl:  36px;
  --svm-text-5xl:  48px;
  --svm-text-6xl:  60px;
  --svm-text-7xl:  72px;

  /* === MOVIMIENTO === */
  --svm-duration-instant:  0ms;
  --svm-duration-fast:     100ms;
  --svm-duration-normal:   200ms;
  --svm-duration-slow:     300ms;
  --svm-duration-slower:   500ms;
  --svm-duration-dramatic: 800ms;

  --svm-ease-out:    cubic-bezier(0, 0, 0.2, 1);
  --svm-ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --svm-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --svm-ease-sport:  cubic-bezier(0.34, 1.56, 0.64, 1);

  /* === RADIO === */
  --svm-radius-sm:   4px;
  --svm-radius-md:   8px;
  --svm-radius-lg:   12px;
  --svm-radius-xl:   16px;
  --svm-radius-2xl:  24px;
  --svm-radius-full: 9999px;
}