/* =============================================================================
   Sistema Platinum Tech — Design tokens (3 capas)
   Capa 1: primitivos (heredados del sitio web) · Capa 2: semánticos · Capa 3: componentes
   ============================================================================= */
:root {
  /* ---- Capa 1 · PRIMITIVOS (del sitio platinumtechusa.com) ---- */
  --c-blue:   #1877E0;
  --c-cyan:   #0FA1C9;
  --c-teal:   #12B79C;
  --c-ink:    #0E2230;
  --c-fg:     #1C3242;
  --c-muted:  #5C7688;
  --c-muted2: #8AA1B0;
  --c-bg:     #F4F8FB;
  --c-surface:#FFFFFF;
  --c-surface2:#EDF3F7;
  --c-elev:   #F9FCFE;
  --c-line:   #E2ECF2;
  --c-line2:  #CFDDE7;
  --c-amber:  #DB8E22;
  --c-red:    #CE5151;
  --c-green:  #12B79C;
  --grad: linear-gradient(120deg, var(--c-blue), var(--c-cyan) 55%, var(--c-teal));

  /* ---- Capa 2 · SEMÁNTICOS (intención) ---- */
  --text-primary:   var(--c-ink);
  --text-secondary: var(--c-fg);
  --text-tertiary:  var(--c-muted);
  --text-faint:     var(--c-muted2);
  --bg-app:     var(--c-bg);
  --surface:    var(--c-surface);
  --surface-2:  var(--c-surface2);
  --surface-elev: var(--c-elev);
  --border:     var(--c-line);
  --border-strong: var(--c-line2);
  --brand:      var(--c-blue);
  --accent:     var(--c-teal);
  --success:    var(--c-teal);
  --warning:    var(--c-amber);
  --danger:     var(--c-red);
  --focus-ring: 0 0 0 3px rgba(15,161,201,.30);

  /* ---- Tipografía ---- */
  --font-ui:   -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-disp: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-data: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace; /* IMEI, precios, códigos */

  /* ---- Radios / sombras / espaciado ---- */
  --radius:    14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --shadow:    0 22px 50px -22px rgba(16,60,90,.28);
  --shadow-sm: 0 8px 24px -14px rgba(16,60,90,.28);

  /* ---- Layout / densidad (Capa 3, tokens de componente) ---- */
  --sidebar-w:  248px;
  --topbar-h:   62px;
  --row-compact:  40px;
  --row-regular:  48px;
  --row-comfy:    56px;
  --tap-min:    44px; /* touch target mínimo de trabajo (WCAG/Apple/Material) */
}