/* =========================================================================
   Rapid Cloud — Design Tokens
   Marca nova: ROXO. Logo #841be9 · Gradiente principal #841be9 → #7300bf
   ========================================================================= */

:root {
  /* ---- Marca (roxo) ---- */
  --brand: #841be9;
  --brand-2: #7300bf;
  --brand-3: #5a0099;
  --brand-ink: #3a0066;          /* texto sobre tints claros */
  --brand-50: #f6f2ff;
  --brand-100: #ede4ff;
  --brand-200: #dcc6ff;
  --brand-300: #c39bff;
  --brand-400: #a463f5;
  --brand-500: #841be9;
  --brand-600: #7300bf;
  --brand-700: #5d009b;

  /* Gradientes */
  --grad-brand: linear-gradient(135deg, #841be9 0%, #7300bf 100%);
  --grad-brand-soft: linear-gradient(135deg, #a463f5 0%, #841be9 60%, #7300bf 100%);
  --grad-aurora: radial-gradient(60% 80% at 15% 10%, rgba(164,99,245,.45), transparent 60%),
                 radial-gradient(55% 75% at 90% 20%, rgba(115,0,191,.40), transparent 60%),
                 radial-gradient(70% 90% at 50% 110%, rgba(132,27,233,.35), transparent 55%);
  --grad-sheen: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.55) 50%, transparent 80%);

  /* ---- Neutros (levemente arroxeados) ---- */
  --ink: #15102a;
  --ink-2: #3b3556;
  --muted: #6a6588;
  --muted-2: #6e6a86;
  --line: #ece8f6;
  --line-2: #ded8ee;
  --surface: #ffffff;
  --surface-2: #faf8ff;
  --surface-3: #f3eefc;
  --bg: #ffffff;

  /* ---- Semânticos ---- */
  --success: #15a06a;
  --success-bg: #e7f8f0;
  --warning: #d98a00;
  --danger: #e23b5a;
  --info: #2f6fed;
  --promo: #ff3d8b;              /* destaque de promoção/oferta */
  --promo-2: #ff7a3d;
  --grad-promo: linear-gradient(120deg, #ff3d8b, #ff7a3d);
  --star: #ffb020;

  /* ---- Tipografia ---- */
  --font-display: "Sora", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* Escala fluida (clamp) */
  --fs-xs: clamp(.75rem, .72rem + .15vw, .8125rem);
  --fs-sm: clamp(.8125rem, .78rem + .2vw, .875rem);
  --fs-base: clamp(.9375rem, .9rem + .25vw, 1rem);
  --fs-md: clamp(1.0625rem, 1rem + .3vw, 1.1875rem);
  --fs-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --fs-xl: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  --fs-2xl: clamp(2rem, 1.55rem + 1.9vw, 2.85rem);
  --fs-3xl: clamp(2.5rem, 1.9rem + 2.9vw, 4rem);
  --fs-hero: clamp(2.65rem, 1.8rem + 4vw, 4.75rem);

  --lh-tight: 1.08;
  --lh-snug: 1.25;
  --lh-base: 1.65;

  /* ---- Espaçamento ---- */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --section-y: clamp(3.5rem, 2rem + 7vw, 7rem);

  /* ---- Layout ---- */
  --container: 1200px;
  --container-wide: 1320px;
  --container-narrow: 760px;
  --gutter: clamp(1rem, .4rem + 2.5vw, 2rem);

  /* ---- Raios ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 36px;
  --r-pill: 999px;

  /* ---- Sombras (tonalizadas no roxo) ---- */
  --shadow-xs: 0 1px 2px rgba(21,16,42,.06);
  --shadow-sm: 0 2px 8px rgba(21,16,42,.07);
  --shadow-md: 0 12px 28px -10px rgba(57,0,102,.18);
  --shadow-lg: 0 26px 60px -22px rgba(57,0,102,.30);
  --shadow-brand: 0 18px 40px -14px rgba(132,27,233,.55);
  --shadow-ring: 0 0 0 1px rgba(132,27,233,.12);

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --t-fast: .16s;
  --t: .28s;
  --t-slow: .5s;

  /* ---- Z-index ---- */
  --z-base: 1;
  --z-sticky: 50;
  --z-header: 100;
  --z-menu: 110;
  --z-overlay: 200;
  --z-toast: 300;
}

/* =========================================================================
   Tema ENTERPRISE — dark premium índigo + dourado
   Aplicado via classe .theme-enterprise (escopo na página Enterprise Cloud)
   ========================================================================= */
.theme-enterprise {
  --brand: #8b7bff;
  --brand-2: #6d5dfc;
  --brand-3: #5546d6;
  --brand-ink: #e9e6ff;
  --brand-50: #1b1640;
  --brand-100: #221c4d;

  --gold: #e9c46a;
  --gold-2: #f0c75e;
  --gold-soft: #d4af37;

  --grad-brand: linear-gradient(135deg, #8b7bff 0%, #6d5dfc 100%);
  --grad-gold: linear-gradient(120deg, #f7e08a 0%, #e9c46a 45%, #c79a3a 100%);
  --grad-aurora: radial-gradient(55% 70% at 12% 8%, rgba(109,93,252,.42), transparent 60%),
                 radial-gradient(50% 65% at 88% 12%, rgba(233,196,106,.20), transparent 60%),
                 radial-gradient(75% 90% at 50% 112%, rgba(91,73,236,.35), transparent 55%);

  --ink: #f4f2ff;
  --ink-2: #c8c3e6;
  --muted: #9a93c4;
  --muted-2: #7d769f;
  --line: rgba(255,255,255,.10);
  --line-2: rgba(255,255,255,.16);
  --surface: #171231;
  --surface-2: #141029;
  --surface-3: #1f1947;
  --bg: #0e0b1a;

  --shadow-md: 0 16px 40px -14px rgba(0,0,0,.55);
  --shadow-lg: 0 30px 70px -24px rgba(0,0,0,.7);
  --shadow-brand: 0 20px 50px -16px rgba(109,93,252,.55);
  --shadow-ring: 0 0 0 1px rgba(233,196,106,.18);

  --star: var(--gold);
  color-scheme: dark;
}