/* ==========================================================================
   MilkaOS — Design Tokens
   Paleta: atardecer lila. Un cielo entre rosa y morado, cálido, tranquilo.
   ========================================================================== */

:root {
  /* --- Color: cielo de fondo (boot / lockscreen / overlays oscuros) --- */
  --bg-deep-1: #241a35;
  --bg-deep-2: #3a2750;
  --bg-deep-3: #55366b;

  /* --- Color: superficies claras (home, apps) --- */
  --cream: #fff8f3;
  --cream-soft: #fbeee6;
  --rose: #f6c9d6;
  --rose-deep: #e895ac;
  --lilac: #d3c0ef;
  --lilac-deep: #a685d9;
  --gold: #f0c691;
  --gold-deep: #dba25a;

  /* --- Texto --- */
  --ink: #3a2c4d;
  --ink-soft: #7a6a8f;
  --ink-inverse: #fff8f3;

  /* --- Gradientes de firma --- */
  --grad-sky: linear-gradient(160deg, var(--bg-deep-1) 0%, var(--bg-deep-2) 55%, var(--bg-deep-3) 100%);
  --grad-dawn: linear-gradient(135deg, var(--rose) 0%, var(--lilac) 55%, var(--gold) 100%);
  --grad-card: linear-gradient(160deg, #ffffff 0%, var(--cream-soft) 100%);
  --grad-glass: linear-gradient(160deg, rgba(255,255,255,0.55), rgba(255,255,255,0.15));

  /* --- Tipografía --- */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Quicksand', 'Segoe UI', sans-serif;
  --font-script: 'Caveat', cursive;

  /* --- Radios --- */
  --radius-phone: 52px;
  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 10px;
  --radius-round: 999px;

  /* --- Sombras --- */
  --shadow-soft: 0 10px 30px rgba(80, 50, 90, 0.18);
  --shadow-card: 0 14px 34px rgba(90, 55, 100, 0.22);
  --shadow-float: 0 6px 16px rgba(90, 55, 100, 0.16);

  /* --- Movimiento --- */
  --ease-soft: cubic-bezier(.22, 1, .36, 1);
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
  --dur-fast: 180ms;
  --dur-med: 380ms;
  --dur-slow: 620ms;

  /* --- Layout del teléfono --- */
  --phone-w: 390px;
  --phone-h: 844px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}