/* Adicto Dark — "PLEASURE sealed in every bite" campaign tokens. */
:root {
  /* Surfaces — deep midnight with violet undertone (per brochure) */
  --color-black:     #000000;
  --color-ink-900:   #0b0a1f;
  --color-ink-800:   #100d2a;
  --color-surface:   #181431;
  --color-surface-2: #221b3d;
  --color-surface-3: #2c2349;
  --color-violet:    #5a2476;
  --color-line:      rgba(255, 255, 255, 0.08);
  --color-line-strong: rgba(255, 255, 255, 0.20);
  --color-line-glow: rgba(255, 0, 153, 0.35);

  /* Foreground */
  --color-text:      #f5f1ea;
  --color-text-soft: #b3a99e;
  --color-text-mute: #6f655d;

  /* Neon accents */
  --color-magenta:      #ff0099;
  --color-magenta-soft: #ff63bf;
  --color-cyan:         #00e5ff;
  --color-cyan-soft:    #6cf3ff;

  /* Brand warmth */
  --color-red:    #d8232a;
  --color-amber:  #d28a3a;
  --color-amber-2:#f0b35a;
  --color-cream:  #f7e6c2;

  /* Status */
  --color-ok:   var(--color-cyan);
  --color-warn: var(--color-amber-2);
  --color-bad:  var(--color-red);

  /* Aliases used by components */
  --bg-app:     var(--color-ink-900);
  --bg-card:    var(--color-surface);
  --bg-card-2:  var(--color-surface-2);
  --bg-nav:     rgba(11, 10, 31, 0.70);
  --fg-on-dark: var(--color-text);
  --border:     var(--color-line-strong);

  /* Gradients (reusable) */
  --grad-neon:    linear-gradient(135deg, var(--color-cyan) 0%, var(--color-magenta) 100%);
  --grad-fire:    linear-gradient(135deg, var(--color-magenta) 0%, var(--color-red) 100%);
  --grad-cream:   linear-gradient(135deg, #ffffff 0%, var(--color-magenta-soft) 50%, var(--color-cyan-soft) 100%);

  /* Type — Averta CY app-wide */
  --font-body:    "Averta CY", -apple-system, BlinkMacSystemFont, "Segoe UI",
                  Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-display: var(--font-body);
  --fs-1: 1.75rem;
  --fs-2: 1.375rem;
  --fs-3: 1.0625rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-xs:    0.75rem;
  --fs-display: clamp(3.5rem, 16vw, 6rem);
  --tracking-tight: -0.03em;
  --tracking-display: 0.04em;
  --tracking-eyebrow: 0.18em;

  /* Spacing + shape */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --shadow-card:        0 1px 0 rgba(255,255,255,0.04) inset, 0 16px 40px rgba(0,0,0,0.5);
  --shadow-card-glow:   0 1px 0 rgba(255,255,255,0.06) inset, 0 16px 40px rgba(0,0,0,0.5),
                        0 0 0 1px rgba(255, 0, 153, 0.3), 0 0 24px rgba(255, 0, 153, 0.25);
  --shadow-glow-magenta: 0 0 0 1px rgba(255,0,153,0.45), 0 0 24px rgba(255,0,153,0.40);
  --shadow-glow-cyan:    0 0 0 1px rgba(0,229,255,0.45), 0 0 24px rgba(0,229,255,0.40);
  --shadow-press:        0 8px 24px rgba(216, 35, 42, 0.45);

  /* Touch + chrome */
  --tap-min: 48px;
  --nav-h: 56px;
  --tab-h: 68px;

  color-scheme: dark;
}