ads-nuxt 0.0.0-stage → 0.1.1

package/app/assets/css/ads-colors.css

@@ -0,0 +1,246 @@
+/**
+ * Classes de cor do ADS. Gerado a partir de ads-color-swatches.ts e dos tokens semânticos do main.css.
+ * Paleta:    bg-ads-<grupo>-<passo>, text-ads-…, border-ads-…  (ex.: bg-ads-radar-pricing-500)
+ * Semântico: bg-ads-surface-card, text-ads-text-primary, border-ads-border-subtle, bg-ads-status-success-500
+ * "static" mantém as variáveis no CSS mesmo sem uso, para consumo por var(--color-ads-*).
+ */
+@theme static {
+  /* Radar Pricing */
+  --color-ads-radar-pricing-25: #e4f2ff;
+  --color-ads-radar-pricing-50: #c7e4ff;
+  --color-ads-radar-pricing-100: #89c9ff;
+  --color-ads-radar-pricing-200: #50b3ff;
+  --color-ads-radar-pricing-400: #0091ff;
+  --color-ads-radar-pricing-500: #006ff7;
+  --color-ads-radar-pricing-600: #074ac6;
+  --color-ads-radar-pricing-800: #00389e;
+
+  /* Radar Base */
+  --color-ads-radar-base-100: #3f4457;
+  --color-ads-radar-base-200: #2e3342;
+  --color-ads-radar-base-500: #212631;
+  --color-ads-radar-base-600: #1b2029;
+  --color-ads-radar-base-900: #161b22;
+
+  /* Neutro claro */
+  --color-ads-neutro-claro-0: #ffffff;
+  --color-ads-neutro-claro-10: #fafbfc;
+  --color-ads-neutro-claro-20: #f0f3f6;
+  --color-ads-neutro-claro-30: #e5e8eb;
+  --color-ads-neutro-claro-40: #d3d8dd;
+  --color-ads-neutro-claro-50: #c1c7d0;
+
+  /* Neutro médio */
+  --color-ads-neutro-medio-60: #b3bac5;
+  --color-ads-neutro-medio-70: #a5adba;
+  --color-ads-neutro-medio-80: #97a0af;
+  --color-ads-neutro-medio-90: #8993a4;
+  --color-ads-neutro-medio-100: #7a869a;
+  --color-ads-neutro-medio-200: #6b778c;
+  --color-ads-neutro-medio-300: #5e6c84;
+  --color-ads-neutro-medio-400: #505f79;
+
+  /* Neutro escuro */
+  --color-ads-neutro-escuro-500: #42526e;
+  --color-ads-neutro-escuro-600: #344563;
+  --color-ads-neutro-escuro-700: #253858;
+  --color-ads-neutro-escuro-800: #172b4d;
+  --color-ads-neutro-escuro-900: #061938;
+
+  /* Sucesso */
+  --color-ads-sucesso-100: #c3ffe6;
+  --color-ads-sucesso-200: #7fffcb;
+  --color-ads-sucesso-300: #32feaa;
+  --color-ads-sucesso-400: #06eb8f;
+  --color-ads-sucesso-500: #15c57e;
+  --color-ads-sucesso-600: #1c9f6a;
+  --color-ads-sucesso-700: #157850;
+  --color-ads-sucesso-800: #0e5a3b;
+
+  /* Warning */
+  --color-ads-warning-100: #ffbdcd;
+  --color-ads-warning-200: #ff87a4;
+  --color-ads-warning-300: #ff507a;
+  --color-ads-warning-400: #ef164a;
+  --color-ads-warning-500: #dc0034;
+  --color-ads-warning-600: #c0012e;
+  --color-ads-warning-700: #9e062a;
+  --color-ads-warning-800: #840221;
+
+  /* Atenção */
+  --color-ads-atencao-100: #ffe7b9;
+  --color-ads-atencao-200: #ffdc82;
+  --color-ads-atencao-300: #ffca43;
+  --color-ads-atencao-400: #ffb905;
+  --color-ads-atencao-500: #e9a700;
+  --color-ads-atencao-600: #ce9300;
+  --color-ads-atencao-700: #ad7b00;
+  --color-ads-atencao-800: #8f6600;
+
+  /* Innovation */
+  --color-ads-innovation-100: #cabaff;
+  --color-ads-innovation-200: #b19aff;
+  --color-ads-innovation-300: #9e80ff;
+  --color-ads-innovation-400: #825cff;
+  --color-ads-innovation-500: #7349ff;
+  --color-ads-innovation-600: #613dda;
+  --color-ads-innovation-700: #4c30a8;
+  --color-ads-innovation-800: #3c287c;
+
+  /* Oportunidade */
+  --color-ads-oportunidade-100: #c4f5ff;
+  --color-ads-oportunidade-200: #79e9ff;
+  --color-ads-oportunidade-300: #49d8f4;
+  --color-ads-oportunidade-400: #04c8ef;
+  --color-ads-oportunidade-500: #05b4d8;
+  --color-ads-oportunidade-600: #01a0bf;
+  --color-ads-oportunidade-700: #007a93;
+  --color-ads-oportunidade-800: #006478;
+
+  /* Void */
+  --color-ads-void-100: #cfdef3;
+  --color-ads-void-200: #b4c5df;
+  --color-ads-void-300: #91a2bb;
+  --color-ads-void-400: #738298;
+  --color-ads-void-500: #556171;
+  --color-ads-void-600: #3c434e;
+  --color-ads-void-700: #282c34;
+  --color-ads-void-800: #0e1013;
+
+  /* Gráfico C1 */
+  --color-ads-grafico-c1-100: #f8b4ff;
+  --color-ads-grafico-c1-200: #f58eff;
+  --color-ads-grafico-c1-300: #ee60fb;
+  --color-ads-grafico-c1-400: #e837f9;
+  --color-ads-grafico-c1-500: #cc1fdd;
+  --color-ads-grafico-c1-600: #b121be;
+  --color-ads-grafico-c1-700: #951fa0;
+  --color-ads-grafico-c1-800: #76197e;
+
+  /* Gráfico C3 */
+  --color-ads-grafico-c3-100: #ffb0b0;
+  --color-ads-grafico-c3-200: #ff8e8e;
+  --color-ads-grafico-c3-300: #ff7272;
+  --color-ads-grafico-c3-400: #f76565;
+  --color-ads-grafico-c3-500: #e46161;
+  --color-ads-grafico-c3-600: #cc5252;
+  --color-ads-grafico-c3-700: #b54444;
+  --color-ads-grafico-c3-800: #983a3a;
+
+  /* Gráfico C4 */
+  --color-ads-grafico-c4-100: #b6ffca;
+  --color-ads-grafico-c4-200: #86e7a2;
+  --color-ads-grafico-c4-300: #4bd973;
+  --color-ads-grafico-c4-400: #1ac44a;
+  --color-ads-grafico-c4-500: #24ab4a;
+  --color-ads-grafico-c4-600: #1c8f3d;
+  --color-ads-grafico-c4-700: #167130;
+  --color-ads-grafico-c4-800: #115825;
+
+  /* Gráfico C5 */
+  --color-ads-grafico-c5-100: #a2baff;
+  --color-ads-grafico-c5-200: #8ca5ee;
+  --color-ads-grafico-c5-300: #768dd0;
+  --color-ads-grafico-c5-400: #677bb6;
+  --color-ads-grafico-c5-500: #546596;
+  --color-ads-grafico-c5-600: #445279;
+  --color-ads-grafico-c5-700: #374261;
+  --color-ads-grafico-c5-800: #252c41;
+
+  /* Produtos Radar */
+  --color-ads-produtos-radar-1: #ef7d18;
+  --color-ads-produtos-radar-2: #07509f;
+  --color-ads-produtos-radar-3: #009159;
+  --color-ads-produtos-radar-4: #5a2d87;
+  --color-ads-produtos-radar-5: #ff5410;
+  --color-ads-produtos-radar-6: #050505;
+  --color-ads-produtos-radar-7: #c2113b;
+  --color-ads-produtos-radar-8: #8c6bfa;
+  --color-ads-produtos-radar-9: #0091ff;
+  --color-ads-produtos-radar-10: #8b89c9;
+  --color-ads-produtos-radar-11: #007a93;
+
+  /* Semânticos (apontam para as variáveis --ads-* do :root) */
+  --color-ads-border-width-none: var(--ads-border-width-none);
+  --color-ads-border-width-hairline: var(--ads-border-width-hairline);
+  --color-ads-border-width-slim: var(--ads-border-width-slim);
+  --color-ads-border-width-thin: var(--ads-border-width-thin);
+  --color-ads-border-width-thick: var(--ads-border-width-thick);
+  --color-ads-border-width-heavy: var(--ads-border-width-heavy);
+  --color-ads-surface-main: var(--ads-surface-main);
+  --color-ads-surface-card: var(--ads-surface-card);
+  --color-ads-surface-brand: var(--ads-surface-brand);
+  --color-ads-text-primary: var(--ads-text-primary);
+  --color-ads-text-secondary: var(--ads-text-secondary);
+  --color-ads-text-tertiary: var(--ads-text-tertiary);
+  --color-ads-text-brand: var(--ads-text-brand);
+  --color-ads-text-disabled: var(--ads-text-disabled);
+  --color-ads-text-contrast: var(--ads-text-contrast);
+  --color-ads-border-subtle: var(--ads-border-subtle);
+  --color-ads-border-focused: var(--ads-border-focused);
+  --color-ads-border-icon: var(--ads-border-icon);
+  --color-ads-border-icon-support: var(--ads-border-icon-support);
+  --color-ads-status-success-800: var(--ads-status-success-800);
+  --color-ads-status-success-500: var(--ads-status-success-500);
+  --color-ads-status-success-100: var(--ads-status-success-100);
+  --color-ads-status-warning-800: var(--ads-status-warning-800);
+  --color-ads-status-warning-500: var(--ads-status-warning-500);
+  --color-ads-status-warning-100: var(--ads-status-warning-100);
+  --color-ads-status-attention-800: var(--ads-status-attention-800);
+  --color-ads-status-attention-500: var(--ads-status-attention-500);
+  --color-ads-status-attention-100: var(--ads-status-attention-100);
+  --color-ads-status-new-800: var(--ads-status-new-800);
+  --color-ads-status-new-500: var(--ads-status-new-500);
+  --color-ads-status-new-100: var(--ads-status-new-100);
+  --color-ads-status-void-800: var(--ads-status-void-800);
+  --color-ads-status-void-500: var(--ads-status-void-500);
+  --color-ads-status-void-100: var(--ads-status-void-100);
+  --color-ads-status-innovation-800: var(--ads-status-innovation-800);
+  --color-ads-status-innovation-500: var(--ads-status-innovation-500);
+  --color-ads-status-innovation-100: var(--ads-status-innovation-100);
+  --color-ads-status-success-200: var(--ads-status-success-200);
+  --color-ads-status-success-300: var(--ads-status-success-300);
+  --color-ads-status-success-400: var(--ads-status-success-400);
+  --color-ads-status-success-600: var(--ads-status-success-600);
+  --color-ads-status-success-700: var(--ads-status-success-700);
+  --color-ads-status-warning-200: var(--ads-status-warning-200);
+  --color-ads-status-warning-300: var(--ads-status-warning-300);
+  --color-ads-status-warning-400: var(--ads-status-warning-400);
+  --color-ads-status-warning-600: var(--ads-status-warning-600);
+  --color-ads-status-warning-700: var(--ads-status-warning-700);
+  --color-ads-status-attention-200: var(--ads-status-attention-200);
+  --color-ads-status-attention-300: var(--ads-status-attention-300);
+  --color-ads-status-attention-400: var(--ads-status-attention-400);
+  --color-ads-status-attention-600: var(--ads-status-attention-600);
+  --color-ads-status-attention-700: var(--ads-status-attention-700);
+  --color-ads-status-new-200: var(--ads-status-new-200);
+  --color-ads-status-new-300: var(--ads-status-new-300);
+  --color-ads-status-new-400: var(--ads-status-new-400);
+  --color-ads-status-new-600: var(--ads-status-new-600);
+  --color-ads-status-new-700: var(--ads-status-new-700);
+  --color-ads-status-void-200: var(--ads-status-void-200);
+  --color-ads-status-void-300: var(--ads-status-void-300);
+  --color-ads-status-void-400: var(--ads-status-void-400);
+  --color-ads-status-void-600: var(--ads-status-void-600);
+  --color-ads-status-void-700: var(--ads-status-void-700);
+  --color-ads-status-innovation-200: var(--ads-status-innovation-200);
+  --color-ads-status-innovation-300: var(--ads-status-innovation-300);
+  --color-ads-status-innovation-400: var(--ads-status-innovation-400);
+  --color-ads-status-innovation-600: var(--ads-status-innovation-600);
+  --color-ads-status-innovation-700: var(--ads-status-innovation-700);
+  --color-ads-chart-data-1-800: var(--ads-chart-data-1-800);
+  --color-ads-chart-data-1-400: var(--ads-chart-data-1-400);
+  --color-ads-chart-data-1-100: var(--ads-chart-data-1-100);
+  --color-ads-chart-data-2-800: var(--ads-chart-data-2-800);
+  --color-ads-chart-data-2-500: var(--ads-chart-data-2-500);
+  --color-ads-chart-data-2-100: var(--ads-chart-data-2-100);
+  --color-ads-chart-data-3-800: var(--ads-chart-data-3-800);
+  --color-ads-chart-data-3-400: var(--ads-chart-data-3-400);
+  --color-ads-chart-data-3-100: var(--ads-chart-data-3-100);
+  --color-ads-chart-data-4-800: var(--ads-chart-data-4-800);
+  --color-ads-chart-data-4-500: var(--ads-chart-data-4-500);
+  --color-ads-chart-data-4-100: var(--ads-chart-data-4-100);
+  --color-ads-chart-data-5-800: var(--ads-chart-data-5-800);
+  --color-ads-chart-data-5-400: var(--ads-chart-data-5-400);
+  --color-ads-chart-data-5-100: var(--ads-chart-data-5-100);
+}

package/app/assets/css/component-tokens.css

@@ -0,0 +1,403 @@
+/* Gerado pela tela /design-system/tokens. Fonte: app/theme/component-tokens.json */
+:root {
+  --ads-button-radius: 8px;
+  --ads-button-weight: 700;
+  --ads-button-sm-height: 32px;
+  --ads-button-sm-padding-x: 12px;
+  --ads-button-sm-gap: 8px;
+  --ads-button-sm-font-size: 12px;
+  --ads-button-sm-line-height: 1.2;
+  --ads-button-sm-icon: 16px;
+  --ads-button-sm-icon-box: 32px;
+  --ads-button-md-padding-x: 16px;
+  --ads-button-md-padding-y: 12px;
+  --ads-button-md-gap: 8px;
+  --ads-button-md-font-size: 14px;
+  --ads-button-md-line-height: 1.3;
+  --ads-button-md-icon: 18px;
+  --ads-button-md-icon-box: 40px;
+  --ads-button-primary: #006ff7;
+  --ads-button-primary-hover: #074ac6;
+  --ads-button-primary-pressed: #00389e;
+  --ads-button-primary-disabled: #89c9ff;
+  --ads-button-primary-text: #ffffff;
+  --ads-button-secondary: #e4f2ff;
+  --ads-button-secondary-hover: #c7e4ff;
+  --ads-button-secondary-pressed: #89c9ff;
+  --ads-button-secondary-disabled: #d3d8dd;
+  --ads-button-secondary-text: #006ff7;
+  --ads-button-secondary-disabled-text: #ffffff;
+  --ads-button-ia-background: #f3f0ff;
+  --ads-button-ia-border: #7358cc;
+  --ads-button-ia-glow: #ae96ff;
+  --ads-button-ia-radius: 4px;
+  --ads-button-ia-line-height: 24px;
+  --ads-input-height: 40px;
+  --ads-input-padding-x: 12px;
+  --ads-input-gap: 8px;
+  --ads-input-radius: 8px;
+  --ads-input-font-size: 14px;
+  --ads-input-label-size: 12px;
+  --ads-input-border: #c1c7d0;
+  --ads-input-background: #ffffff;
+  --ads-input-text: #505f79;
+  --ads-input-focus-border: #0091ff;
+  --ads-input-hover-border: #006ff7;
+  --ads-input-error-border: #ff507a;
+  --ads-input-disabled-border: #a5adba;
+  --ads-input-disabled-background: #f0f3f6;
+  --ads-input-disabled-text: #a5adba;
+  --ads-number-height: 40px;
+  --ads-number-padding-x: 12px;
+  --ads-number-gap: 8px;
+  --ads-number-radius: 8px;
+  --ads-number-font-size: 14px;
+  --ads-number-label-size: 12px;
+  --ads-number-border: #e5e8eb;
+  --ads-number-background: #ffffff;
+  --ads-number-text: #505f79;
+  --ads-number-focus-border: #0091ff;
+  --ads-number-hover-border: #006ff7;
+  --ads-number-error-border: #ff507a;
+  --ads-number-disabled-border: #a5adba;
+  --ads-number-disabled-background: #f0f3f6;
+  --ads-number-disabled-text: #a5adba;
+  --ads-search-sm-height: 40px;
+  --ads-search-md-height: 45px;
+  --ads-search-padding-x: 12px;
+  --ads-search-radius: 500px;
+  --ads-search-sm-font-size: 14px;
+  --ads-search-md-font-size: 16px;
+  --ads-search-border: #c1c7d0;
+  --ads-search-background: #ffffff;
+  --ads-search-text: #505f79;
+  --ads-search-placeholder: #a5adba;
+  --ads-search-focus-border: #006ff7;
+  --ads-search-hover-border: #006ff7;
+  --ads-search-disabled-border: #a5adba;
+  --ads-search-disabled-background: #f0f3f6;
+  --ads-textarea-min-height: 153px;
+  --ads-textarea-padding: 12px;
+  --ads-textarea-radius: 8px;
+  --ads-textarea-font-size: 16px;
+  --ads-textarea-label-size: 12px;
+  --ads-textarea-border: #c1c7d0;
+  --ads-textarea-background: #ffffff;
+  --ads-textarea-text: #505f79;
+  --ads-textarea-placeholder: #a5adba;
+  --ads-textarea-focus-border: #0091ff;
+  --ads-textarea-hover-border: #006ff7;
+  --ads-textarea-error-border: #ff507a;
+  --ads-textarea-disabled-border: #c1c7d0;
+  --ads-textarea-disabled-background: #f0f3f6;
+  --ads-date-height: 40px;
+  --ads-date-padding-x: 12px;
+  --ads-date-radius: 8px;
+  --ads-date-font-size: 14px;
+  --ads-date-weight: 400;
+  --ads-date-line-height: 1.429;
+  --ads-date-border: #cad5e2;
+  --ads-date-background: #ffffff;
+  --ads-date-text: #0f172b;
+  --ads-date-placeholder: #90a1b9;
+  --ads-date-separator: #62748e;
+  --ads-date-focus-border: #006ff7;
+  --ads-date-hover-border: #006ff7;
+  --ads-month-hover-bg: #e4f2ff;
+  --ads-filter-height: 40px;
+  --ads-filter-padding-x: 12px;
+  --ads-filter-radius: 8px;
+  --ads-filter-font-size: 14px;
+  --ads-filter-label-size: 12px;
+  --ads-filter-border: #505f79;
+  --ads-filter-background: #ffffff;
+  --ads-filter-text: #505f79;
+  --ads-filter-focus-border: #006ff7;
+  --ads-filter-hover-border: #006ff7;
+  --ads-filter-error-border: #ff6783;
+  --ads-filter-disabled-border: #b3bac5;
+  --ads-filter-disabled-background: #f0f3f6;
+  --ads-filter-disabled-text: #a5adba;
+  --ads-tabs-height: 39px;
+  --ads-tabs-padding-x: 12px;
+  --ads-tabs-font-size: 14px;
+  --ads-tabs-indicator: 4px;
+  --ads-tabs-weight: 500;
+  --ads-tabs-inactive: #505f79;
+  --ads-tabs-active: #061938;
+  --ads-tabs-indicator-color: #006ff7;
+  --ads-tabs-border: #c1c7d0;
+  --ads-segmented-height: 37px;
+  --ads-segmented-item-height: 30px;
+  --ads-segmented-padding-x: 16px;
+  --ads-segmented-radius: 4px;
+  --ads-segmented-font-size: 12px;
+  --ads-segmented-track: #f0f3f6;
+  --ads-segmented-active-bg: #ffffff;
+  --ads-segmented-text: #061938;
+  --ads-segmented-active-text: #000000;
+  --ads-toast-radius: 8px;
+  --ads-toast-padding: 12px;
+  --ads-toast-gap: 12px;
+  --ads-toast-icon: 18px;
+  --ads-toast-font-size: 14px;
+  --ads-toast-weight: 500;
+  --ads-toast-text: #061938;
+  --ads-toast-primary-bg: #e4f2ff;
+  --ads-toast-error-bg: #ffbdcd;
+  --ads-toast-warning-bg: #ffe7b9;
+  --ads-toast-neutral-bg: #e4f2ff;
+  --ads-toast-primary-icon: #006ff7;
+  --ads-toast-success-icon: #0e5a3b;
+  --ads-toast-error-icon: #840221;
+  --ads-toast-warning-icon: #8f6600;
+  --ads-toast-neutral-icon: #505f79;
+  --ads-toast-status-width: 331px;
+  --ads-toast-status-icon: 24px;
+  --ads-toast-status-title-size: 14px;
+  --ads-toast-status-subtitle-size: 10px;
+  --ads-toast-status-bg: #061938;
+  --ads-toast-status-text: #ffffff;
+  --ads-toast-status-success: #06eb8f;
+  --ads-toast-status-error: #ef164a;
+  --ads-toast-status-warning: #ffb905;
+  --ads-toast-status-loading: #49d8f4;
+  --ads-file-min-height: 64px;
+  --ads-file-radius: 8px;
+  --ads-file-padding-x: 16px;
+  --ads-file-padding-y: 12px;
+  --ads-file-title-size: 14px;
+  --ads-file-detail-size: 12px;
+  --ads-file-icon-box: 32px;
+  --ads-tooltip-radius: 12px;
+  --ads-tooltip-padding-x: 16px;
+  --ads-tooltip-padding-y: 12px;
+  --ads-tooltip-font-size: 14px;
+  --ads-tooltip-bg: #061938;
+  --ads-tooltip-text: #c1c7d0;
+  --ads-tooltip-title: #ffffff;
+  --ads-tooltip-title-size: 16px;
+  --ads-tooltip-small-font-size: 10px;
+  --ads-tooltip-small-padding: 8px;
+  --ads-steptip-width: 328px;
+  --ads-steptip-skip: #b3bac5;
+  --ads-charttip-min-width: 180px;
+  --ads-charttip-swatch: 16px;
+  --ads-loading-radius: 4px;
+  --ads-loading-bar: 16px;
+  --ads-loading-spinner: 32px;
+  --ads-loading-label-size: 14px;
+  --ads-loading-skeleton: #e5e8eb;
+  --ads-loading-spinner-color: #006ff7;
+  --ads-progress-height: 8px;
+  --ads-progress-radius: 500px;
+  --ads-progress-track: #e5e8eb;
+  --ads-progress-fill: #006ff7;
+  --ads-badge-size: 24px;
+  --ads-badge-dot: 8px;
+  --ads-badge-font-size: 12px;
+  --ads-badge-weight: 700;
+  --ads-badge-text: #ffffff;
+  --ads-broadcast-height: 24px;
+  --ads-broadcast-padding-x: 8px;
+  --ads-broadcast-font-size: 12px;
+  --ads-broadcast-mark: 8px;
+  --ads-broadcast-warning-bg: #ffbdcd;
+  --ads-broadcast-warning: #dc0034;
+  --ads-broadcast-success-bg: #c3ffe6;
+  --ads-broadcast-success: #15c57e;
+  --ads-pill-height: 24px;
+  --ads-pill-min-width: 100px;
+  --ads-pill-padding-x: 8px;
+  --ads-pill-font-size: 12px;
+  --ads-pill-weight: 700;
+  --ads-pill-primary-bg: #006ff7;
+  --ads-pill-primary-text: #ffffff;
+  --ads-notability-height: 24px;
+  --ads-notability-min-width: 100px;
+  --ads-notability-padding-x: 8px;
+  --ads-notability-font-size: 12px;
+  --ads-notability-weight: 700;
+  --ads-mini-height: 18px;
+  --ads-mini-padding-x: 8px;
+  --ads-mini-font-size: 10px;
+  --ads-mini-weight: 700;
+  --ads-mini-idle-bg: #d1d9ed;
+  --ads-mini-idle-text: #18224b;
+  --ads-mini-paused-bg: #ffe7b9;
+  --ads-mini-paused-text: #8f6600;
+  --ads-mini-new-bg: #79e9ff;
+  --ads-mini-new-text: #006478;
+  --ads-switch-width: 32px;
+  --ads-switch-height: 18px;
+  --ads-switch-thumb: 12px;
+  --ads-switch-inset: 3px;
+  --ads-switch-radius: 9px;
+  --ads-switch-label-size: 14px;
+  --ads-switch-gap: 8px;
+  --ads-switch-off: #c1c7d0;
+  --ads-switch-on: #006ff7;
+  --ads-switch-disabled: #e5e8eb;
+  --ads-switch-disabled-on: #89c9ff;
+  --ads-switch-thumb-color: #ffffff;
+  --ads-switch-label: #505f79;
+  --ads-checkbox-size: 16px;
+  --ads-checkbox-radius: 4px;
+  --ads-checkbox-border-width: 2px;
+  --ads-checkbox-label-size: 14px;
+  --ads-checkbox-gap: 8px;
+  --ads-checkbox-border: #006ff7;
+  --ads-checkbox-checked: #006ff7;
+  --ads-checkbox-disabled: #89c9ff;
+  --ads-checkbox-background: #ffffff;
+  --ads-checkbox-label: #505f79;
+  --ads-radio-size: 16px;
+  --ads-radio-dot: 8px;
+  --ads-radio-border-width: 2px;
+  --ads-radio-label-size: 14px;
+  --ads-radio-gap: 8px;
+  --ads-radio-border: #006ff7;
+  --ads-radio-disabled: #89c9ff;
+  --ads-radio-background: #ffffff;
+  --ads-radio-dot-color: #ffffff;
+  --ads-radio-label: #505f79;
+  --ads-modal-radius: 8px;
+  --ads-modal-padding: 24px;
+  --ads-modal-title-size: 20px;
+  --ads-modal-body-size: 14px;
+  --ads-modal-background: #ffffff;
+  --ads-modal-border: #c1c7d0;
+  --ads-modal-title: #061938;
+  --ads-modal-body: #505f79;
+  --ads-feature-width: 396px;
+  --ads-feature-radius: 12px;
+  --ads-feature-padding: 16px;
+  --ads-feature-gap: 16px;
+  --ads-feature-icon-box: 48px;
+  --ads-feature-title-size: 16px;
+  --ads-feature-body-size: 14px;
+  --ads-feature-border: #e5e8eb;
+  --ads-feature-background: #ffffff;
+  --ads-feature-hover-border: #006ff7;
+  --ads-feature-title: #061938;
+  --ads-feature-body: #505f79;
+  --ads-card-padding: 16px;
+  --ads-card-radius: 12px;
+  --ads-card-radius-sm: 8px;
+  --ads-card-body-size: 14px;
+  --ads-card-border: #e5e8eb;
+  --ads-card-background: #ffffff;
+  --ads-card-selected-border: #c1c7d0;
+  --ads-card-selected-background: #f0f3f6;
+  --ads-card-title: #061938;
+  --ads-card-body: #505f79;
+  --ads-metric-padding: 16px;
+  --ads-metric-radius: 12px;
+  --ads-metric-gap: 8px;
+  --ads-metric-label-size: 14px;
+  --ads-metric-value-size: 20px;
+  --ads-metric-caption-size: 12px;
+  --ads-metric-border: #e5e8eb;
+  --ads-metric-background: #ffffff;
+  --ads-metric-label: #505f79;
+  --ads-metric-value: #061938;
+  --ads-menu-width: 100px;
+  --ads-menu-padding-y: 16px;
+  --ads-menu-gap: 16px;
+  --ads-menu-icon: 18px;
+  --ads-menu-icon-box: 40px;
+  --ads-menu-label-size: 12px;
+  --ads-menu-divider: #e5e8eb;
+  --ads-navbar-app-height: 88px;
+  --ads-navbar-app-gap: 33px;
+  --ads-navbar-app-item-width: 39px;
+  --ads-navbar-app-well: 28px;
+  --ads-navbar-app-font-size: 10px;
+  --ads-navbar-app-active: #344563;
+  --ads-navbar-desk-height: 64px;
+  --ads-navbar-desk-padding-x: 44px;
+  --ads-navbar-desk-action: 40px;
+  --ads-navbar-desk-avatar: 32px;
+  --ads-navbar-desk-border: #d3d8dd;
+  --ads-side-width: 224px;
+  --ads-side-row-height: 48px;
+  --ads-side-badge: 8px;
+  --ads-side-border: #c1c7d0;
+  --ads-side-open-bg: #e5e8eb;
+  --ads-side-child-bg: #f0f3f6;
+  --ads-footer-min-height: 32px;
+  --ads-footer-logo-height: 12px;
+  --ads-footer-text: #7a869a;
+  --ads-product-tag-height: 16px;
+  --ads-product-tag-font-size: 11px;
+  --ads-button-group-height: 30px;
+  --ads-button-group-font-size: 12px;
+  --ads-button-group-border: #c1c7d0;
+  --ads-button-group-selected: #e5e8eb;
+  --ads-button-menu-width: 264px;
+  --ads-button-menu-title-size: 16px;
+  --ads-button-menu-subtitle-size: 12px;
+  --ads-button-menu-title: #42526e;
+  --ads-button-menu-subtitle: #5e6c84;
+  --ads-button-menu-border: #c1c7d0;
+  --ads-list-min-width: 260px;
+  --ads-pagination-cell: 24px;
+  --ads-pagination-gap: 12px;
+  --ads-pagination-number-gap: 4px;
+  --ads-pagination-selected: #006ff7;
+  --ads-pagination-number: #344563;
+  --ads-empty-icon: 90px;
+  --ads-empty-icon-sm: 60px;
+  --ads-empty-title-size: 18px;
+  --ads-empty-title-size-sm: 16px;
+  --ads-empty-subtitle-size: 12px;
+  --ads-empty-gap: 24px;
+  --ads-empty-gap-sm: 32px;
+  --ads-empty-text-gap: 32px;
+  --ads-empty-icon-color: #c1c7d0;
+  --ads-funcional-warning-200: #ff6783;
+  --ads-funcional-opportunity-200: #0ebbda;
+  --ads-farmarcas-height: 24px;
+  --ads-farmarcas-min-width: 100px;
+  --ads-farmarcas-font-size: 12px;
+  --ads-farmarcas-expansao-bg: #d8bbd8;
+  --ads-farmarcas-expansao-text: #700e84;
+  --ads-farmarcas-eventos-bg: #fce083;
+  --ads-farmarcas-eventos-text: #bb6a00;
+  --ads-farmarcas-adm-digital-bg: #eef2c1;
+  --ads-farmarcas-adm-digital-text: #555931;
+  --ads-farmarcas-sucesso-bg: #e4f3c1;
+  --ads-farmarcas-sucesso-text: #6b7300;
+  --ads-farmarcas-trade-bg: #b3cfe4;
+  --ads-farmarcas-trade-text: #194464;
+  --ads-farmarcas-dev-bg: #ffbbe4;
+  --ads-farmarcas-dev-text: #8b2d65;
+  --ads-farmarcas-ti-bg: #d2c5ee;
+  --ads-farmarcas-ti-text: #2b209c;
+  --ads-farmarcas-padronizacao-bg: #c4cdea;
+  --ads-farmarcas-padronizacao-text: #062c80;
+  --ads-farmarcas-diretoria-bg: #c9c9c9;
+  --ads-farmarcas-diretoria-text: #000000;
+  --ads-farmarcas-comercial-bg: #c0c7d9;
+  --ads-farmarcas-comercial-text: #18224b;
+  --ads-farmarcas-inovacao-bg: #b6bdff;
+  --ads-farmarcas-inovacao-text: #393f73;
+  --ads-farmarcas-patrimonio-bg: #d9b6c5;
+  --ads-farmarcas-patrimonio-text: #7f3454;
+  --ads-farmarcas-presidencia-bg: #c9c9c9;
+  --ads-farmarcas-presidencia-text: #000000;
+  --ads-farmarcas-marketing-bg: #b2e9e8;
+  --ads-farmarcas-marketing-text: #1b5955;
+  --ads-farmarcas-gg-bg: #ffdfb5;
+  --ads-farmarcas-gg-text: #e0521f;
+  --ads-farmarcas-bi-bg: #f8c09f;
+  --ads-farmarcas-bi-text: #4e1400;
+  --ads-farmarcas-financeiro-bg: #c5ddc3;
+  --ads-farmarcas-financeiro-text: #05750a;
+  --ads-farmarcas-juridico-bg: #d9d8c0;
+  --ads-farmarcas-juridico-text: #464535;
+  --ads-farmarcas-capacitacao-bg: #e5c1fe;
+  --ads-farmarcas-capacitacao-text: #360ea7;
+  --ads-farmarcas-produto-bg: #f0ed9a;
+  --ads-farmarcas-produto-text: #655200;
+}