/* ============================================================================
   MW7 DESIGN SYSTEM — TOKENS
   Grupo MW7 · "Minimalismo de Impacto"
   ----------------------------------------------------------------------------
   Camada 1 — Primitivos : a paleta crua. Nunca use direto em componentes.
   Camada 2 — Semânticos : significado de uso. Use estes. Trocam por tema.
   Fonte: Brandbook Grupo MW7 + referencias Untitled UI PRO (cores/escala).
   ============================================================================ */

/* ============================================================================
   CAMADA 1 — PRIMITIVOS
   ========================================================================== */
:root {
  /* --- Base monocromatica ------------------------------------------------- */
  --mw7-cloud-dancer: #F0EEE9;   /* Pantone 11-4201 — cor base da marca       */
  --mw7-black:        #000000;
  --mw7-white:        #FFFFFF;

  /* --- Orange — accent principal / icones 3D ----------------------------- */
  --mw7-orange-25:  #FEFAF5;
  --mw7-orange-50:  #FEF6EE;
  --mw7-orange-100: #FDEAD7;
  --mw7-orange-200: #F9DBAF;
  --mw7-orange-300: #F7B27A;
  --mw7-orange-400: #F39744;
  --mw7-orange-500: #EF6820;
  --mw7-orange-600: #E04F16;
  --mw7-orange-700: #B93815;
  --mw7-orange-800: #932F19;
  --mw7-orange-900: #772917;
  --mw7-orange-950: #511C10;

  /* --- Blue — accent de UI / contraste ----------------------------------- */
  --mw7-blue-25:  #F5FAFF;
  --mw7-blue-50:  #EFF8FF;
  --mw7-blue-100: #D1E9FF;
  --mw7-blue-200: #B2DDFF;
  --mw7-blue-300: #84CAFF;
  --mw7-blue-400: #53B1FD;
  --mw7-blue-500: #2E90FA;
  --mw7-blue-600: #1570EF;
  --mw7-blue-700: #175CD3;
  --mw7-blue-800: #1849A9;
  --mw7-blue-900: #194185;
  --mw7-blue-950: #102A56;

  /* --- Green — sucesso / contraste --------------------------------------- */
  --mw7-green-25:  #F6FEF9;
  --mw7-green-50:  #EDFCF2;
  --mw7-green-100: #D3F8DF;
  --mw7-green-200: #AAF0C4;
  --mw7-green-300: #73E2A3;
  --mw7-green-400: #3CCB7F;
  --mw7-green-500: #16B364;
  --mw7-green-600: #099250;
  --mw7-green-700: #087443;
  --mw7-green-800: #095C37;
  --mw7-green-900: #084C2E;
  --mw7-green-950: #052E1C;

  /* --- Gray — base do sistema de UI -------------------------------------- */
  --mw7-gray-25:  #FCFCFD;
  --mw7-gray-50:  #F9FAFB;
  --mw7-gray-100: #F2F4F7;
  --mw7-gray-200: #EAECF0;
  --mw7-gray-300: #D0D5DD;
  --mw7-gray-400: #98A2B3;
  --mw7-gray-500: #667085;
  --mw7-gray-600: #475467;
  --mw7-gray-700: #344054;
  --mw7-gray-800: #182230;
  --mw7-gray-900: #101828;
  --mw7-gray-950: #0C111D;

  /* --- Red — erro / acoes destrutivas ------------------------------------ */
  --mw7-red-25:  #FFFBFA;
  --mw7-red-50:  #FEF3F2;
  --mw7-red-100: #FEE4E2;
  --mw7-red-200: #FECDCA;
  --mw7-red-300: #FDA29B;
  --mw7-red-400: #F97066;
  --mw7-red-500: #F04438;
  --mw7-red-600: #D92D20;
  --mw7-red-700: #B42318;
  --mw7-red-800: #912018;
  --mw7-red-900: #7A271A;
  --mw7-red-950: #55160C;

  /* --- Alpha — branco e preto translucidos ------------------------------- */
  --mw7-white-a4:  rgba(255,255,255,.04);
  --mw7-white-a8:  rgba(255,255,255,.08);
  --mw7-white-a12: rgba(255,255,255,.12);
  --mw7-white-a16: rgba(255,255,255,.16);
  --mw7-white-a24: rgba(255,255,255,.24);
  --mw7-white-a40: rgba(255,255,255,.40);
  --mw7-white-a64: rgba(255,255,255,.64);
  --mw7-white-a80: rgba(255,255,255,.80);
  --mw7-black-a4:  rgba(0,0,0,.04);
  --mw7-black-a8:  rgba(0,0,0,.08);
  --mw7-black-a12: rgba(0,0,0,.12);
  --mw7-black-a16: rgba(0,0,0,.16);
  --mw7-black-a24: rgba(0,0,0,.24);
  --mw7-black-a40: rgba(0,0,0,.40);
  --mw7-black-a64: rgba(0,0,0,.64);
  --mw7-black-a80: rgba(0,0,0,.80);

  /* ==========================================================================
     TIPOGRAFIA — primitivos
     Fonte oficial: Helvetica Neue LT Pro. Fallback prescrito no Brandbook.
     ======================================================================== */
  --mw7-font-sans: "Helvetica Neue LT Pro", "Helvetica Neue", Helvetica, Arial,
                   "Segoe UI", Roboto, system-ui, sans-serif;
  --mw7-font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace,
                   Menlo, Consolas, "Liberation Mono", monospace;

  --mw7-weight-ultralight: 100;
  --mw7-weight-thin:       200;
  --mw7-weight-light:      300;
  --mw7-weight-roman:      400;
  --mw7-weight-medium:     500;
  --mw7-weight-bold:       700;

  /* Escala de tamanho — base 16px ---------------------------------------- */
  --mw7-font-size-xs:          0.75rem;   /* 12 */
  --mw7-font-size-sm:          0.875rem;  /* 14 */
  --mw7-font-size-md:          1rem;      /* 16 */
  --mw7-font-size-lg:          1.125rem;  /* 18 */
  --mw7-font-size-xl:          1.25rem;   /* 20 */
  --mw7-font-size-display-xs:  1.5rem;    /* 24 */
  --mw7-font-size-display-sm:  1.875rem;  /* 30 */
  --mw7-font-size-display-md:  2.25rem;   /* 36 */
  --mw7-font-size-display-lg:  3rem;      /* 48 */
  --mw7-font-size-display-xl:  3.75rem;   /* 60 */
  --mw7-font-size-display-2xl: 4.5rem;    /* 72 */

  /* Altura de linha ------------------------------------------------------- */
  --mw7-leading-none:    1;
  --mw7-leading-tight:   1.15;
  --mw7-leading-snug:    1.3;
  --mw7-leading-normal:  1.5;
  --mw7-leading-relaxed: 1.65;
  --mw7-leading-loose:   1.8;

  /* Tracking (letter-spacing) -------------------------------------------- */
  --mw7-tracking-tighter: -0.02em;
  --mw7-tracking-tight:   -0.01em;
  --mw7-tracking-normal:  0em;
  --mw7-tracking-wide:    0.04em;
  --mw7-tracking-wider:   0.08em;
  --mw7-tracking-widest:  0.12em;   /* overline / eyebrow */

  /* ==========================================================================
     ESPACAMENTO — escala 4px (numero ~ px/4)
     ======================================================================== */
  --mw7-space-0:    0;
  --mw7-space-0-5:  0.125rem;  /* 2  */
  --mw7-space-1:    0.25rem;   /* 4  */
  --mw7-space-1-5:  0.375rem;  /* 6  */
  --mw7-space-2:    0.5rem;    /* 8  */
  --mw7-space-3:    0.75rem;   /* 12 */
  --mw7-space-4:    1rem;      /* 16 */
  --mw7-space-5:    1.25rem;   /* 20 */
  --mw7-space-6:    1.5rem;    /* 24 */
  --mw7-space-8:    2rem;      /* 32 — gutter do grid MW7 */
  --mw7-space-10:   2.5rem;    /* 40 */
  --mw7-space-12:   3rem;      /* 48 */
  --mw7-space-14:   3.5rem;    /* 56 */
  --mw7-space-16:   4rem;      /* 64 */
  --mw7-space-20:   5rem;      /* 80 */
  --mw7-space-24:   6rem;      /* 96 — padding vertical de secao */
  --mw7-space-32:   8rem;      /* 128 */
  --mw7-space-40:   10rem;     /* 160 */

  /* ==========================================================================
     RAIO DE BORDA
     ======================================================================== */
  --mw7-radius-none: 0;
  --mw7-radius-xs:   4px;
  --mw7-radius-sm:   6px;
  --mw7-radius-md:   8px;
  --mw7-radius-lg:   10px;
  --mw7-radius-xl:   12px;    /* cards */
  --mw7-radius-2xl:  16px;    /* superficies Glass */
  --mw7-radius-3xl:  20px;
  --mw7-radius-4xl:  24px;
  --mw7-radius-full: 9999px;

  /* ==========================================================================
     GRID & LAYOUT
     ======================================================================== */
  --mw7-gutter:        2rem;     /* 32px — gutter oficial do Brandbook */
  --mw7-container-sm:  40rem;    /* 640  */
  --mw7-container-md:  48rem;    /* 768  */
  --mw7-container-lg:  64rem;    /* 1024 */
  --mw7-container:     75rem;    /* 1200 — container padrao */
  --mw7-container-xl:  80rem;    /* 1280 */
  --mw7-section-pad:   var(--mw7-space-24);   /* respiro vertical de secao */
  --mw7-page-pad:      var(--mw7-space-8);    /* respiro lateral de pagina */

  /* ==========================================================================
     TAMANHOS DE CONTROLE — alturas de campos / botoes
     ======================================================================== */
  --mw7-control-sm: 2rem;     /* 32 */
  --mw7-control-md: 2.5rem;   /* 40 */
  --mw7-control-lg: 2.75rem;  /* 44 */
  --mw7-control-xl: 3rem;     /* 48 */

  /* ==========================================================================
     MOVIMENTO — duracoes e curvas
     ======================================================================== */
  --mw7-ease-standard: cubic-bezier(.4, 0, .2, 1);   /* padrao MW7 */
  --mw7-ease-in:       cubic-bezier(.4, 0, 1, 1);
  --mw7-ease-out:      cubic-bezier(0, 0, .2, 1);
  --mw7-ease-spring:   cubic-bezier(.34, 1.56, .64, 1);
  --mw7-duration-fast:   120ms;
  --mw7-duration-base:   200ms;
  --mw7-duration-slow:   320ms;
  --mw7-duration-slower: 480ms;

  /* ==========================================================================
     ELEVACAO (Z-INDEX)
     ======================================================================== */
  --mw7-z-base:     0;
  --mw7-z-raised:   10;
  --mw7-z-dropdown: 1000;
  --mw7-z-sticky:   1020;
  --mw7-z-overlay:  1040;
  --mw7-z-modal:    1050;
  --mw7-z-popover:  1060;
  --mw7-z-tooltip:  1070;
  --mw7-z-toast:    1080;

  /* ==========================================================================
     MATERIAL — GLASS · blur por nivel (replica iOS/iPadOS 26)
     ======================================================================== */
  --mw7-glass-blur-ultrathin:  8px;
  --mw7-glass-blur-thin:      14px;
  --mw7-glass-blur-regular:   20px;
  --mw7-glass-blur-thick:     32px;
  --mw7-glass-blur-chrome:    44px;
  --mw7-glass-saturate:       180%;

  /* ==========================================================================
     GRADIENTE — Orange -> Blue -> Green (Brandbook · Materiais)
     ======================================================================== */
  --mw7-gradient-brand: linear-gradient(135deg,
                        var(--mw7-orange-500) 0%,
                        var(--mw7-blue-500) 52%,
                        var(--mw7-green-500) 100%);
  --mw7-gradient-warm:  linear-gradient(135deg,
                        var(--mw7-orange-400) 0%,
                        var(--mw7-orange-600) 100%);
  --mw7-gradient-cool:  linear-gradient(135deg,
                        var(--mw7-blue-400) 0%,
                        var(--mw7-blue-700) 100%);
  --mw7-gradient-ink:   linear-gradient(135deg,
                        var(--mw7-gray-900) 0%,
                        var(--mw7-blue-950) 60%,
                        var(--mw7-blue-800) 100%);
}

/* ============================================================================
   CAMADA 2 — SEMANTICOS · TEMA CLARO (padrao)
   Fundo da marca: Cloud Dancer. Use SEMPRE estes tokens em componentes.
   ========================================================================== */
:root,
[data-theme="light"] {
  color-scheme: light;

  /* --- Superficies -------------------------------------------------------- */
  --mw7-bg-canvas:         var(--mw7-cloud-dancer);
  --mw7-bg-surface:        var(--mw7-white);
  --mw7-bg-surface-raised: var(--mw7-white);
  --mw7-bg-subtle:         var(--mw7-gray-50);
  --mw7-bg-muted:          var(--mw7-gray-100);
  --mw7-bg-emphasis:       var(--mw7-gray-200);
  --mw7-bg-inverse:        var(--mw7-black);
  --mw7-bg-disabled:       var(--mw7-gray-100);
  --mw7-bg-overlay:        rgba(12, 17, 29, .55);
  --mw7-bg-hover:          var(--mw7-black-a4);
  --mw7-bg-active:         var(--mw7-black-a8);

  /* --- Marca / interativo ------------------------------------------------- */
  --mw7-bg-brand:          var(--mw7-blue-600);
  --mw7-bg-brand-hover:    var(--mw7-blue-700);
  --mw7-bg-brand-active:   var(--mw7-blue-800);
  --mw7-bg-brand-subtle:   var(--mw7-blue-50);
  --mw7-bg-brand-muted:    var(--mw7-blue-100);
  --mw7-bg-ink:            var(--mw7-black);       /* botao primario "tinta" */
  --mw7-bg-ink-hover:      var(--mw7-gray-800);
  --mw7-bg-ink-active:     var(--mw7-gray-700);
  --mw7-bg-accent:         var(--mw7-orange-500);  /* destaque laranja */
  --mw7-bg-accent-hover:   var(--mw7-orange-600);
  --mw7-bg-accent-subtle:  var(--mw7-orange-50);

  /* --- Feedback ----------------------------------------------------------- */
  --mw7-bg-success:        var(--mw7-green-600);
  --mw7-bg-success-subtle: var(--mw7-green-50);
  --mw7-bg-warning:        var(--mw7-orange-500);
  --mw7-bg-warning-subtle: var(--mw7-orange-50);
  --mw7-bg-error:          var(--mw7-red-600);
  --mw7-bg-error-subtle:   var(--mw7-red-50);
  --mw7-bg-info:           var(--mw7-blue-600);
  --mw7-bg-info-subtle:    var(--mw7-blue-50);

  /* --- Texto -------------------------------------------------------------- */
  --mw7-text-primary:     var(--mw7-gray-900);
  --mw7-text-secondary:   var(--mw7-gray-600);
  --mw7-text-tertiary:    var(--mw7-gray-500);
  --mw7-text-disabled:    var(--mw7-gray-400);
  --mw7-text-placeholder: var(--mw7-gray-500);
  --mw7-text-inverse:     var(--mw7-cloud-dancer);
  --mw7-text-on-brand:    var(--mw7-white);
  --mw7-text-on-ink:      var(--mw7-white);
  --mw7-text-on-accent:   var(--mw7-white);
  --mw7-text-brand:       var(--mw7-blue-700);
  --mw7-text-accent:      var(--mw7-orange-700);
  --mw7-text-success:     var(--mw7-green-700);
  --mw7-text-warning:     var(--mw7-orange-800);
  --mw7-text-error:       var(--mw7-red-700);
  --mw7-text-info:        var(--mw7-blue-700);

  /* --- Bordas ------------------------------------------------------------- */
  --mw7-border-subtle:   var(--mw7-gray-200);
  --mw7-border-default:  var(--mw7-gray-300);
  --mw7-border-strong:   var(--mw7-gray-400);
  --mw7-border-brand:    var(--mw7-blue-500);
  --mw7-border-error:    var(--mw7-red-400);
  --mw7-border-inverse:  var(--mw7-black);

  /* --- Foco --------------------------------------------------------------- */
  --mw7-ring-brand: 0 0 0 4px rgba(46, 144, 250, .24);
  --mw7-ring-error: 0 0 0 4px rgba(240, 68, 56, .24);
  --mw7-ring-ink:   0 0 0 4px rgba(16, 24, 40, .14);

  /* --- Sombras / Elevacao ------------------------------------------------- */
  --mw7-shadow-xs:  0 1px 2px rgba(16,24,40,.05);
  --mw7-shadow-sm:  0 1px 3px rgba(16,24,40,.10), 0 1px 2px rgba(16,24,40,.06);
  --mw7-shadow-md:  0 4px 8px -2px rgba(16,24,40,.10), 0 2px 4px -2px rgba(16,24,40,.06);
  --mw7-shadow-lg:  0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03);
  --mw7-shadow-xl:  0 20px 24px -4px rgba(16,24,40,.10), 0 8px 8px -4px rgba(16,24,40,.04);
  --mw7-shadow-2xl: 0 24px 48px -12px rgba(16,24,40,.20);
  --mw7-shadow-3xl: 0 32px 64px -12px rgba(16,24,40,.16);

  /* --- Material Glass — tema claro (iOS/iPadOS 26) ----------------------- */
  --mw7-glass-ultrathin: rgba(255, 255, 255, .44);
  --mw7-glass-thin:      rgba(255, 255, 255, .60);
  --mw7-glass-regular:   rgba(255, 255, 255, .72);
  --mw7-glass-thick:     rgba(255, 255, 255, .85);
  --mw7-glass-chrome:    rgba(246, 246, 248, .93);
  --mw7-glass-clear:     rgba(255, 255, 255, .14);
  --mw7-glass-tint:      rgba(46, 144, 250, .55);
  --mw7-glass-rim:       rgba(255, 255, 255, .72);
  --mw7-glass-sheen:     rgba(255, 255, 255, .42);
  --mw7-glass-shadow:    0 12px 32px -6px rgba(16, 24, 40, .22),
                         0 4px 10px -3px rgba(16, 24, 40, .14);

  /* --- Ruido (overlay de textura) ---------------------------------------- */
  --mw7-noise-opacity:   .035;
  --mw7-noise-blend:     multiply;
}

/* ============================================================================
   CAMADA 2 — SEMANTICOS · TEMA ESCURO
   Fundo da marca: Black puro. Texto base: Cloud Dancer.
   ========================================================================== */
[data-theme="dark"] {
  color-scheme: dark;

  /* --- Superficies -------------------------------------------------------- */
  --mw7-bg-canvas:         var(--mw7-black);
  --mw7-bg-surface:        var(--mw7-gray-950);
  --mw7-bg-surface-raised: var(--mw7-gray-900);
  --mw7-bg-subtle:         var(--mw7-white-a4);
  --mw7-bg-muted:          var(--mw7-white-a8);
  --mw7-bg-emphasis:       var(--mw7-white-a12);
  --mw7-bg-inverse:        var(--mw7-cloud-dancer);
  --mw7-bg-disabled:       var(--mw7-white-a8);
  --mw7-bg-overlay:        rgba(0, 0, 0, .72);
  --mw7-bg-hover:          var(--mw7-white-a8);
  --mw7-bg-active:         var(--mw7-white-a12);

  /* --- Marca / interativo ------------------------------------------------- */
  --mw7-bg-brand:          var(--mw7-blue-500);
  --mw7-bg-brand-hover:    var(--mw7-blue-400);
  --mw7-bg-brand-active:   var(--mw7-blue-300);
  --mw7-bg-brand-subtle:   rgba(46, 144, 250, .14);
  --mw7-bg-brand-muted:    rgba(46, 144, 250, .22);
  --mw7-bg-ink:            var(--mw7-cloud-dancer); /* tinta inverte no escuro */
  --mw7-bg-ink-hover:      var(--mw7-white);
  --mw7-bg-ink-active:     var(--mw7-gray-300);
  --mw7-bg-accent:         var(--mw7-orange-500);
  --mw7-bg-accent-hover:   var(--mw7-orange-400);
  --mw7-bg-accent-subtle:  rgba(239, 104, 32, .16);

  /* --- Feedback ----------------------------------------------------------- */
  --mw7-bg-success:        var(--mw7-green-500);
  --mw7-bg-success-subtle: rgba(22, 179, 100, .15);
  --mw7-bg-warning:        var(--mw7-orange-500);
  --mw7-bg-warning-subtle: rgba(239, 104, 32, .15);
  --mw7-bg-error:          var(--mw7-red-500);
  --mw7-bg-error-subtle:   rgba(240, 68, 56, .15);
  --mw7-bg-info:           var(--mw7-blue-500);
  --mw7-bg-info-subtle:    rgba(46, 144, 250, .15);

  /* --- Texto -------------------------------------------------------------- */
  --mw7-text-primary:     var(--mw7-cloud-dancer);
  --mw7-text-secondary:   var(--mw7-gray-300);
  --mw7-text-tertiary:    var(--mw7-gray-400);
  --mw7-text-disabled:    var(--mw7-gray-600);
  --mw7-text-placeholder: var(--mw7-gray-500);
  --mw7-text-inverse:     var(--mw7-gray-900);
  --mw7-text-on-brand:    var(--mw7-white);
  --mw7-text-on-ink:      var(--mw7-black);
  --mw7-text-on-accent:   var(--mw7-white);
  --mw7-text-brand:       var(--mw7-blue-300);
  --mw7-text-accent:      var(--mw7-orange-300);
  --mw7-text-success:     var(--mw7-green-300);
  --mw7-text-warning:     var(--mw7-orange-300);
  --mw7-text-error:       var(--mw7-red-300);
  --mw7-text-info:        var(--mw7-blue-300);

  /* --- Bordas ------------------------------------------------------------- */
  --mw7-border-subtle:   var(--mw7-white-a8);
  --mw7-border-default:  var(--mw7-white-a12);
  --mw7-border-strong:   var(--mw7-white-a24);
  --mw7-border-brand:    var(--mw7-blue-500);
  --mw7-border-error:    var(--mw7-red-500);
  --mw7-border-inverse:  var(--mw7-cloud-dancer);

  /* --- Foco --------------------------------------------------------------- */
  --mw7-ring-brand: 0 0 0 4px rgba(46, 144, 250, .35);
  --mw7-ring-error: 0 0 0 4px rgba(240, 68, 56, .35);
  --mw7-ring-ink:   0 0 0 4px rgba(240, 238, 233, .20);

  /* --- Sombras / Elevacao ------------------------------------------------- */
  --mw7-shadow-xs:  0 1px 2px rgba(0,0,0,.40);
  --mw7-shadow-sm:  0 1px 3px rgba(0,0,0,.50), 0 1px 2px rgba(0,0,0,.40);
  --mw7-shadow-md:  0 4px 8px -2px rgba(0,0,0,.55), 0 2px 4px -2px rgba(0,0,0,.40);
  --mw7-shadow-lg:  0 12px 16px -4px rgba(0,0,0,.55), 0 4px 6px -2px rgba(0,0,0,.40);
  --mw7-shadow-xl:  0 20px 24px -4px rgba(0,0,0,.60), 0 8px 8px -4px rgba(0,0,0,.45);
  --mw7-shadow-2xl: 0 24px 48px -12px rgba(0,0,0,.72);
  --mw7-shadow-3xl: 0 32px 64px -12px rgba(0,0,0,.66);

  /* --- Material Glass — tema escuro (iOS/iPadOS 26) ---------------------- */
  --mw7-glass-ultrathin: rgba(28, 28, 32, .50);
  --mw7-glass-thin:      rgba(28, 28, 32, .62);
  --mw7-glass-regular:   rgba(26, 26, 30, .72);
  --mw7-glass-thick:     rgba(22, 22, 26, .84);
  --mw7-glass-chrome:    rgba(18, 18, 22, .92);
  --mw7-glass-clear:     rgba(20, 20, 24, .26);
  --mw7-glass-tint:      rgba(46, 144, 250, .42);
  --mw7-glass-rim:       rgba(255, 255, 255, .24);
  --mw7-glass-sheen:     rgba(255, 255, 255, .10);
  --mw7-glass-shadow:    0 12px 32px -6px rgba(0, 0, 0, .6),
                         0 4px 10px -3px rgba(0, 0, 0, .45);

  /* --- Ruido -------------------------------------------------------------- */
  --mw7-noise-opacity:   .06;
  --mw7-noise-blend:     overlay;
}

/* Suporte automatico a preferencia do sistema quando nao ha tema explicito  */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --mw7-bg-canvas:         var(--mw7-black);
    --mw7-bg-surface:        var(--mw7-gray-950);
    --mw7-bg-surface-raised: var(--mw7-gray-900);
    --mw7-bg-subtle:         var(--mw7-white-a4);
    --mw7-bg-muted:          var(--mw7-white-a8);
    --mw7-bg-emphasis:       var(--mw7-white-a12);
    --mw7-bg-inverse:        var(--mw7-cloud-dancer);
    --mw7-bg-disabled:       var(--mw7-white-a8);
    --mw7-bg-overlay:        rgba(0, 0, 0, .72);
    --mw7-bg-hover:          var(--mw7-white-a8);
    --mw7-bg-active:         var(--mw7-white-a12);
    --mw7-bg-brand:          var(--mw7-blue-500);
    --mw7-bg-brand-hover:    var(--mw7-blue-400);
    --mw7-bg-brand-active:   var(--mw7-blue-300);
    --mw7-bg-brand-subtle:   rgba(46, 144, 250, .14);
    --mw7-bg-brand-muted:    rgba(46, 144, 250, .22);
    --mw7-bg-ink:            var(--mw7-cloud-dancer);
    --mw7-bg-ink-hover:      var(--mw7-white);
    --mw7-bg-ink-active:     var(--mw7-gray-300);
    --mw7-bg-accent:         var(--mw7-orange-500);
    --mw7-bg-accent-hover:   var(--mw7-orange-400);
    --mw7-bg-accent-subtle:  rgba(239, 104, 32, .16);
    --mw7-bg-success:        var(--mw7-green-500);
    --mw7-bg-success-subtle: rgba(22, 179, 100, .15);
    --mw7-bg-warning:        var(--mw7-orange-500);
    --mw7-bg-warning-subtle: rgba(239, 104, 32, .15);
    --mw7-bg-error:          var(--mw7-red-500);
    --mw7-bg-error-subtle:   rgba(240, 68, 56, .15);
    --mw7-bg-info:           var(--mw7-blue-500);
    --mw7-bg-info-subtle:    rgba(46, 144, 250, .15);
    --mw7-text-primary:     var(--mw7-cloud-dancer);
    --mw7-text-secondary:   var(--mw7-gray-300);
    --mw7-text-tertiary:    var(--mw7-gray-400);
    --mw7-text-disabled:    var(--mw7-gray-600);
    --mw7-text-placeholder: var(--mw7-gray-500);
    --mw7-text-inverse:     var(--mw7-gray-900);
    --mw7-text-brand:       var(--mw7-blue-300);
    --mw7-text-accent:      var(--mw7-orange-300);
    --mw7-text-success:     var(--mw7-green-300);
    --mw7-text-warning:     var(--mw7-orange-300);
    --mw7-text-error:       var(--mw7-red-300);
    --mw7-text-info:        var(--mw7-blue-300);
    --mw7-border-subtle:   var(--mw7-white-a8);
    --mw7-border-default:  var(--mw7-white-a12);
    --mw7-border-strong:   var(--mw7-white-a24);
    --mw7-ring-brand: 0 0 0 4px rgba(46, 144, 250, .35);
    --mw7-ring-error: 0 0 0 4px rgba(240, 68, 56, .35);
    --mw7-shadow-xs:  0 1px 2px rgba(0,0,0,.40);
    --mw7-shadow-sm:  0 1px 3px rgba(0,0,0,.50), 0 1px 2px rgba(0,0,0,.40);
    --mw7-shadow-md:  0 4px 8px -2px rgba(0,0,0,.55), 0 2px 4px -2px rgba(0,0,0,.40);
    --mw7-shadow-lg:  0 12px 16px -4px rgba(0,0,0,.55), 0 4px 6px -2px rgba(0,0,0,.40);
    --mw7-shadow-xl:  0 20px 24px -4px rgba(0,0,0,.60), 0 8px 8px -4px rgba(0,0,0,.45);
    --mw7-shadow-2xl: 0 24px 48px -12px rgba(0,0,0,.72);
    --mw7-shadow-3xl: 0 32px 64px -12px rgba(0,0,0,.66);
    --mw7-glass-ultrathin: rgba(28, 28, 32, .50);
    --mw7-glass-thin:      rgba(28, 28, 32, .62);
    --mw7-glass-regular:   rgba(26, 26, 30, .72);
    --mw7-glass-thick:     rgba(22, 22, 26, .84);
    --mw7-glass-chrome:    rgba(18, 18, 22, .92);
    --mw7-glass-clear:     rgba(20, 20, 24, .26);
    --mw7-glass-tint:      rgba(46, 144, 250, .42);
    --mw7-glass-rim:       rgba(255, 255, 255, .24);
    --mw7-glass-sheen:     rgba(255, 255, 255, .10);
    --mw7-glass-shadow:    0 12px 32px -6px rgba(0, 0, 0, .6),
                           0 4px 10px -3px rgba(0, 0, 0, .45);
    --mw7-noise-opacity:   .06;
    --mw7-noise-blend:     overlay;
  }
}

/* Reduz movimento conforme preferencia do usuario --------------------------- */
@media (prefers-reduced-motion: reduce) {
  :root {
    --mw7-duration-fast:   1ms;
    --mw7-duration-base:   1ms;
    --mw7-duration-slow:   1ms;
    --mw7-duration-slower: 1ms;
  }
}