/* Tokens do design system Autodoc (@autodocdev/autodoc-ui) em CSS puro. * GERADO por script a partir de autodoc-ui/theme/ — não editar à mão. * Nome: vars.color.bg.brand.bold._default -> --ad-color-bg-brand-bold (o _default some). * Claro em :root; escuro em [data-theme="dark"] (convenção desta tradução — na lib a troca * é pela classe que o ThemeProvider aplica). Breakpoints não entram: CSS não aceita var() em * @media — ver a tabela na SKILL.md. */ :root { /* tipografia (igual nos dois temas) */ --ad-font-family-01: Titillium Web, sans-serif; /* vars.font.family.01 */ --ad-font-family-02: Open Sans, sans-serif; /* vars.font.family.02 */ --ad-font-weight-regular: 400; /* vars.font.weight.regular */ --ad-font-weight-medium: 500; /* vars.font.weight.medium */ --ad-font-weight-semi-bold: 600; /* vars.font.weight.semi-bold */ --ad-font-weight-bold: 700; /* vars.font.weight.bold */ --ad-font-weight-heavy: 800; /* vars.font.weight.heavy */ --ad-font-weight-black: 900; /* vars.font.weight.black */ --ad-font-line-height-tight: 120%; /* vars.font.line-height.tight */ --ad-font-line-height-medium: 140%; /* vars.font.line-height.medium */ --ad-font-line-height-spaced: 150%; /* vars.font.line-height.spaced */ --ad-font-line-height-distant: 180%; /* vars.font.line-height.distant */ --ad-font-size-10: 10px; /* vars.font.size.10 */ --ad-font-size-12: 12px; /* vars.font.size.12 */ --ad-font-size-14: 14px; /* vars.font.size.14 */ --ad-font-size-16: 16px; /* vars.font.size.16 */ --ad-font-size-18: 18px; /* vars.font.size.18 */ --ad-font-size-20: 20px; /* vars.font.size.20 */ --ad-font-size-24: 24px; /* vars.font.size.24 */ --ad-font-size-28: 28px; /* vars.font.size.28 */ --ad-font-size-30: 30px; /* vars.font.size.30 */ --ad-font-size-32: 32px; /* vars.font.size.32 */ --ad-font-size-36: 36px; /* vars.font.size.36 */ --ad-font-size-40: 40px; /* vars.font.size.40 */ --ad-font-size-44: 44px; /* vars.font.size.44 */ --ad-font-size-48: 48px; /* vars.font.size.48 */ --ad-font-size-52: 52px; /* vars.font.size.52 */ --ad-font-size-56: 56px; /* vars.font.size.56 */ --ad-font-size-64: 64px; /* vars.font.size.64 */ --ad-font-size-72: 72px; /* vars.font.size.72 */ --ad-font-size-80: 80px; /* vars.font.size.80 */ --ad-font-size-88: 88px; /* vars.font.size.88 */ --ad-font-size-96: 96px; /* vars.font.size.96 */ /* color.bg */ --ad-color-bg-accent-blue-bold: #104679; /* vars.color.bg.accent.blue.bold */ --ad-color-bg-accent-blue-subtle: #4582bc; /* vars.color.bg.accent.blue.subtle */ --ad-color-bg-accent-blue-subtler: #94b7d8; /* vars.color.bg.accent.blue.subtler */ --ad-color-bg-accent-blue-subtlest: #e8eff7; /* vars.color.bg.accent.blue.subtlest */ --ad-color-bg-accent-gray-bolder: #9f9f9f; /* vars.color.bg.accent.gray.bolder */ --ad-color-bg-accent-gray-subtle: #e0e0e0; /* vars.color.bg.accent.gray.subtle */ --ad-color-bg-accent-gray-subtler: #eaeaea; /* vars.color.bg.accent.gray.subtler */ --ad-color-bg-accent-gray-subtlest: #f5f5f5; /* vars.color.bg.accent.gray.subtlest */ --ad-color-bg-accent-green-bolder: #1f622c; /* vars.color.bg.accent.green.bolder */ --ad-color-bg-accent-green-subtle: #55a165; /* vars.color.bg.accent.green.subtle */ --ad-color-bg-accent-green-subtler: #9dc9a6; /* vars.color.bg.accent.green.subtler */ --ad-color-bg-accent-green-subtlest: #eaf3ec; /* vars.color.bg.accent.green.subtlest */ --ad-color-bg-accent-orange-bold: #8d3b00; /* vars.color.bg.accent.orange.bold */ --ad-color-bg-accent-orange-subtle: #d27533; /* vars.color.bg.accent.orange.subtle */ --ad-color-bg-accent-orange-subtler: #e5b08a; /* vars.color.bg.accent.orange.subtler */ --ad-color-bg-accent-orange-subtlest: #f9eee6; /* vars.color.bg.accent.orange.subtlest */ --ad-color-bg-accent-red-bold: #c92b2a; /* vars.color.bg.accent.red.bold */ --ad-color-bg-accent-red-subtle: #d45555; /* vars.color.bg.accent.red.subtle */ --ad-color-bg-accent-red-subtler: #e69d9d; /* vars.color.bg.accent.red.subtler */ --ad-color-bg-accent-red-subtlest: #faeaea; /* vars.color.bg.accent.red.subtlest */ --ad-color-bg-accent-violet-bold: #501f64; /* vars.color.bg.accent.violet.bold */ --ad-color-bg-accent-violet-subtle: #8d55a4; /* vars.color.bg.accent.violet.subtle */ --ad-color-bg-accent-violet-subtler: #be9dcb; /* vars.color.bg.accent.violet.subtler */ --ad-color-bg-accent-violet-subtlest: #f1eaf4; /* vars.color.bg.accent.violet.subtlest */ --ad-color-bg-accent-yellow-bolder: #b27d05; /* vars.color.bg.accent.yellow.bolder */ --ad-color-bg-accent-yellow-subtle: #fbc039; /* vars.color.bg.accent.yellow.subtle */ --ad-color-bg-accent-yellow-subtler: #fddb8d; /* vars.color.bg.accent.yellow.subtler */ --ad-color-bg-accent-yellow-subtlest: #fff7e6; /* vars.color.bg.accent.yellow.subtlest */ --ad-color-bg-brand-bold: #000000; /* vars.color.bg.brand.bold._default */ --ad-color-bg-brand-bold-hovered: #383838; /* vars.color.bg.brand.bold.hovered */ --ad-color-bg-brand-bold-pressed: #2b2b2b; /* vars.color.bg.brand.bold.pressed */ --ad-color-bg-danger: #faeaea; /* vars.color.bg.danger._default */ --ad-color-bg-danger-bold: #c92b2a; /* vars.color.bg.danger.bold._default */ --ad-color-bg-danger-bold-hovered: #b72726; /* vars.color.bg.danger.bold.hovered */ --ad-color-bg-danger-bold-pressed: #8f1f1e; /* vars.color.bg.danger.bold.pressed */ --ad-color-bg-danger-hovered: #eebdbd; /* vars.color.bg.danger.hovered */ --ad-color-bg-danger-pressed: #e69d9d; /* vars.color.bg.danger.pressed */ --ad-color-bg-disabled: #f1f1f1; /* vars.color.bg.disabled */ --ad-color-bg-discovery: #f1eaf4; /* vars.color.bg.discovery._default */ --ad-color-bg-discovery-bold: #501f64; /* vars.color.bg.discovery.bold._default */ --ad-color-bg-discovery-bold-hovered: #3e184e; /* vars.color.bg.discovery.bold.hovered */ --ad-color-bg-discovery-bold-pressed: #2f123b; /* vars.color.bg.discovery.bold.pressed */ --ad-color-bg-discovery-hovered: #d3bddc; /* vars.color.bg.discovery.hovered */ --ad-color-bg-discovery-pressed: #be9dcb; /* vars.color.bg.discovery.pressed */ --ad-color-bg-information: #e8eff7; /* vars.color.bg.information._default */ --ad-color-bg-information-bold: #104679; /* vars.color.bg.information.bold._default */ --ad-color-bg-information-bold-hovered: #0d365e; /* vars.color.bg.information.bold.hovered */ --ad-color-bg-information-bold-pressed: #0a2a48; /* vars.color.bg.information.bold.pressed */ --ad-color-bg-information-hovered: #b7cfe5; /* vars.color.bg.information.hovered */ --ad-color-bg-information-pressed: #94b7d8; /* vars.color.bg.information.pressed */ --ad-color-bg-input: #ffffff; /* vars.color.bg.input._default */ --ad-color-bg-input-hovered: #f1f1f1; /* vars.color.bg.input.hovered */ --ad-color-bg-input-pressed: #e6e6e6; /* vars.color.bg.input.pressed */ --ad-color-bg-inverse-pressed: #7b7b7b; /* vars.color.bg.inverse.pressed */ --ad-color-bg-inverse-subtle: #cccccc; /* vars.color.bg.inverse.subtle._default */ --ad-color-bg-inverse-subtle-hovered: #9f9f9f; /* vars.color.bg.inverse.subtle.hovered */ --ad-color-bg-neutral: #d0d0d0; /* vars.color.bg.neutral._default */ --ad-color-bg-neutral-bold: #383838; /* vars.color.bg.neutral.bold._default */ --ad-color-bg-neutral-bold-hovered: #383838; /* vars.color.bg.neutral.bold.hovered */ --ad-color-bg-neutral-bold-pressed: #2b2b2b; /* vars.color.bg.neutral.bold.pressed */ --ad-color-bg-neutral-hovered: #e6e6e6; /* vars.color.bg.neutral.hovered */ --ad-color-bg-neutral-pressed: #cccccc; /* vars.color.bg.neutral.pressed */ --ad-color-bg-neutral-subtle: #ffffff; /* vars.color.bg.neutral.subtle._default */ --ad-color-bg-neutral-subtle-hovered: #eaeaea; /* vars.color.bg.neutral.subtle.hovered */ --ad-color-bg-neutral-subtle-pressed: #e0e0e0; /* vars.color.bg.neutral.subtle.pressed */ --ad-color-bg-selected: #f5f5f5; /* vars.color.bg.selected._default */ --ad-color-bg-selected-bold: #484848; /* vars.color.bg.selected.bold._default */ --ad-color-bg-selected-bold-hovered: #383838; /* vars.color.bg.selected.bold.hovered */ --ad-color-bg-selected-bold-pressed: #2b2b2b; /* vars.color.bg.selected.bold.pressed */ --ad-color-bg-selected-hovered: #f1f1f1; /* vars.color.bg.selected.hovered */ --ad-color-bg-selected-pressed: #eaeaea; /* vars.color.bg.selected.pressed */ --ad-color-bg-success: #eaf3ec; /* vars.color.bg.success._default */ --ad-color-bg-success-bold: #1f622c; /* vars.color.bg.success.bold._default */ --ad-color-bg-success-bold-hovered: #184c22; /* vars.color.bg.success.bold.hovered */ --ad-color-bg-success-bold-pressed: #123a1a; /* vars.color.bg.success.bold.pressed */ --ad-color-bg-success-hovered: #bddbc3; /* vars.color.bg.success.hovered */ --ad-color-bg-success-pressed: #9dc9a6; /* vars.color.bg.success.pressed */ --ad-color-bg-warning: #fff7e6; /* vars.color.bg.warning._default */ --ad-color-bg-warning-bold: #fbc039; /* vars.color.bg.warning.bold._default */ --ad-color-bg-warning-bold-hovered: #fab007; /* vars.color.bg.warning.bold.hovered */ --ad-color-bg-warning-bold-pressed: #e4a006; /* vars.color.bg.warning.bold.pressed */ --ad-color-bg-warning-hovered: #fde7b2; /* vars.color.bg.warning.hovered */ --ad-color-bg-warning-pressed: #fddb8d; /* vars.color.bg.warning.pressed */ /* color.border */ --ad-color-border: #cccccc; /* vars.color.border._default */ --ad-color-border-accent-gray: #5d5d5d; /* vars.color.border.accent.gray */ --ad-color-border-bold: #5d5d5d; /* vars.color.border.bold */ --ad-color-border-brand: #000000; /* vars.color.border.brand */ --ad-color-border-danger: #b72726; /* vars.color.border.danger */ --ad-color-border-disable: #efefef; /* vars.color.border.disable */ --ad-color-border-discovery: #672780; /* vars.color.border.discovery */ --ad-color-border-focused: #383838; /* vars.color.border.focused */ --ad-color-border-info: #155a9c; /* vars.color.border.info */ --ad-color-border-input: #cccccc; /* vars.color.border.input */ --ad-color-border-inverse: #efefef; /* vars.color.border.inverse */ --ad-color-border-selected: #2b2b2b; /* vars.color.border.selected */ --ad-color-border-success: #2b8a3e; /* vars.color.border.success */ --ad-color-border-warning: #fab007; /* vars.color.border.warning */ /* color.icon */ --ad-color-icon: #2b2b2b; /* vars.color.icon._default */ --ad-color-icon-accent-gray: #5d5d5d; /* vars.color.icon.accent.gray */ --ad-color-icon-brand: #000000; /* vars.color.icon.brand */ --ad-color-icon-danger: #b72726; /* vars.color.icon.danger */ --ad-color-icon-disabled: #d0d0d0; /* vars.color.icon.disabled */ --ad-color-icon-discovery: #672780; /* vars.color.icon.discovery */ --ad-color-icon-info: #155a9c; /* vars.color.icon.info */ --ad-color-icon-inverse: #ffffff; /* vars.color.icon.inverse */ --ad-color-icon-primary-button: #ffffff; /* vars.color.icon.primary.button */ --ad-color-icon-selected: #2b2b2b; /* vars.color.icon.selected */ --ad-color-icon-subtle: #5d5d5d; /* vars.color.icon.subtle */ --ad-color-icon-success: #2b8a3e; /* vars.color.icon.success */ --ad-color-icon-warning: #e4a006; /* vars.color.icon.warning._default */ --ad-color-icon-warning-inverse: #000000; /* vars.color.icon.warning.inverse */ /* color.interaction */ --ad-color-interaction-hovered: #e0e0e0; /* vars.color.interaction.hovered */ --ad-color-interaction-pressed: #cccccc; /* vars.color.interaction.pressed */ /* color.link */ --ad-color-link: #1763ab; /* vars.color.link._default */ --ad-color-link-pressed: #104679; /* vars.color.link.pressed */ /* color.surface */ --ad-color-surface: #ffffff; /* vars.color.surface._default */ --ad-color-surface-hovered: #f1f1f1; /* vars.color.surface.hovered */ --ad-color-surface-overlay: #ffffff; /* vars.color.surface.overlay._default */ --ad-color-surface-overlay-hovered: #f1f1f1; /* vars.color.surface.overlay.hovered */ --ad-color-surface-overlay-pressed: #eaeaea; /* vars.color.surface.overlay.pressed */ --ad-color-surface-pressed: #eaeaea; /* vars.color.surface.pressed */ --ad-color-surface-raised: #efefef; /* vars.color.surface.raised._default */ --ad-color-surface-raised-hovered: #b9b9b9; /* vars.color.surface.raised.hovered */ --ad-color-surface-raised-pressed: #eaeaea; /* vars.color.surface.raised.pressed */ --ad-color-surface-sunken: #f5f5f5; /* vars.color.surface.sunken */ /* color.text */ --ad-color-text: #2b2b2b; /* vars.color.text._default */ --ad-color-text-accent-gray: #383838; /* vars.color.text.accent.gray._default */ --ad-color-text-accent-gray-bolder: #000000; /* vars.color.text.accent.gray.bolder */ --ad-color-text-brand: #000000; /* vars.color.text.brand */ --ad-color-text-danger: #c92b2a; /* vars.color.text.danger */ --ad-color-text-disabled: #b9b9b9; /* vars.color.text.disabled */ --ad-color-text-discovery: #3e184e; /* vars.color.text.discovery */ --ad-color-text-info: #155a9c; /* vars.color.text.info */ --ad-color-text-inverse: #ffffff; /* vars.color.text.inverse */ --ad-color-text-primary-button: #ffffff; /* vars.color.text.primary.button */ --ad-color-text-selected: #2b2b2b; /* vars.color.text.selected */ --ad-color-text-subtle: #5d5d5d; /* vars.color.text.subtle */ --ad-color-text-subtlest: #858585; /* vars.color.text.subtlest */ --ad-color-text-success: #2b8a3e; /* vars.color.text.success */ --ad-color-text-warning: #b54c00; /* vars.color.text.warning._default */ --ad-color-text-warning-inverse: #000000; /* vars.color.text.warning.inverse */ /* spacing */ --ad-spacing-xxs: 2px; /* vars.spacing.xxs */ --ad-spacing-xs: 4px; /* vars.spacing.xs */ --ad-spacing-sm: 8px; /* vars.spacing.sm */ --ad-spacing-md: 12px; /* vars.spacing.md */ --ad-spacing-lg: 16px; /* vars.spacing.lg */ --ad-spacing-xl: 24px; /* vars.spacing.xl */ --ad-spacing-xxl: 32px; /* vars.spacing.xxl */ --ad-spacing-3xl: 40px; /* vars.spacing.3xl */ --ad-spacing-4xl: 48px; /* vars.spacing.4xl */ --ad-spacing-5xl: 56px; /* vars.spacing.5xl */ --ad-spacing-6xl: 64px; /* vars.spacing.6xl */ /* border.radius */ --ad-border-radius-xs: 4px; /* vars.border.radius.xs */ --ad-border-radius-md: 8px; /* vars.border.radius.md */ --ad-border-radius-lg: 12px; /* vars.border.radius.lg */ --ad-border-radius-xl: 16px; /* vars.border.radius.xl */ --ad-border-radius-2xl: 24px; /* vars.border.radius.2xl */ --ad-border-radius-3xl: 32px; /* vars.border.radius.3xl */ --ad-border-radius-4xl: 40px; /* vars.border.radius.4xl */ --ad-border-radius-5xl: 48px; /* vars.border.radius.5xl */ } [data-theme="dark"] { --ad-color-bg-accent-blue-bold: #4582bc; /* vars.color.bg.accent.blue.bold */ --ad-color-bg-accent-blue-subtle: #104679; /* vars.color.bg.accent.blue.subtle */ --ad-color-bg-accent-blue-subtler: #0d365e; /* vars.color.bg.accent.blue.subtler */ --ad-color-bg-accent-blue-subtlest: #0a2a48; /* vars.color.bg.accent.blue.subtlest */ --ad-color-bg-accent-gray-bolder: #484848; /* vars.color.bg.accent.gray.bolder */ --ad-color-bg-accent-gray-subtle: #666666; /* vars.color.bg.accent.gray.subtle */ --ad-color-bg-accent-gray-subtler: #858585; /* vars.color.bg.accent.gray.subtler */ --ad-color-bg-accent-gray-subtlest: #383838; /* vars.color.bg.accent.gray.subtlest */ --ad-color-bg-accent-green-bolder: #55a165; /* vars.color.bg.accent.green.bolder */ --ad-color-bg-accent-green-subtle: #1f622c; /* vars.color.bg.accent.green.subtle */ --ad-color-bg-accent-green-subtler: #184c22; /* vars.color.bg.accent.green.subtler */ --ad-color-bg-accent-green-subtlest: #123a1a; /* vars.color.bg.accent.green.subtlest */ --ad-color-bg-accent-orange-bold: #d27533; /* vars.color.bg.accent.orange.bold */ --ad-color-bg-accent-orange-subtle: #8d3b00; /* vars.color.bg.accent.orange.subtle */ --ad-color-bg-accent-orange-subtler: #6d2e00; /* vars.color.bg.accent.orange.subtler */ --ad-color-bg-accent-orange-subtlest: #542300; /* vars.color.bg.accent.orange.subtlest */ --ad-color-bg-accent-red-bold: #d45555; /* vars.color.bg.accent.red.bold */ --ad-color-bg-accent-red-subtle: #8f1f1e; /* vars.color.bg.accent.red.subtle */ --ad-color-bg-accent-red-subtler: #6f1817; /* vars.color.bg.accent.red.subtler */ --ad-color-bg-accent-red-subtlest: #541212; /* vars.color.bg.accent.red.subtlest */ --ad-color-bg-accent-violet-bold: #8d55a4; /* vars.color.bg.accent.violet.bold */ --ad-color-bg-accent-violet-subtle: #501f64; /* vars.color.bg.accent.violet.subtle */ --ad-color-bg-accent-violet-subtler: #3e184e; /* vars.color.bg.accent.violet.subtler */ --ad-color-bg-accent-violet-subtlest: #2f123b; /* vars.color.bg.accent.violet.subtlest */ --ad-color-bg-accent-yellow-bolder: #fbc039; /* vars.color.bg.accent.yellow.bolder */ --ad-color-bg-accent-yellow-subtle: #b27d05; /* vars.color.bg.accent.yellow.subtle */ --ad-color-bg-accent-yellow-subtler: #8a6104; /* vars.color.bg.accent.yellow.subtler */ --ad-color-bg-accent-yellow-subtlest: #694a03; /* vars.color.bg.accent.yellow.subtlest */ --ad-color-bg-brand-bold: #ffffff; /* vars.color.bg.brand.bold._default */ --ad-color-bg-brand-bold-hovered: #5d5d5d; /* vars.color.bg.brand.bold.hovered */ --ad-color-bg-brand-bold-pressed: #b9b9b9; /* vars.color.bg.brand.bold.pressed */ --ad-color-bg-danger: #8f1f1e; /* vars.color.bg.danger._default */ --ad-color-bg-danger-bold: #d45555; /* vars.color.bg.danger.bold._default */ --ad-color-bg-danger-bold-hovered: #e69d9d; /* vars.color.bg.danger.bold.hovered */ --ad-color-bg-danger-bold-pressed: #db7170; /* vars.color.bg.danger.bold.pressed */ --ad-color-bg-danger-hovered: #6f1817; /* vars.color.bg.danger.hovered */ --ad-color-bg-danger-pressed: #541212; /* vars.color.bg.danger.pressed */ --ad-color-bg-disabled: #b9b9b9; /* vars.color.bg.disabled */ --ad-color-bg-discovery: #2f123b; /* vars.color.bg.discovery._default */ --ad-color-bg-discovery-bold: #8d55a4; /* vars.color.bg.discovery.bold._default */ --ad-color-bg-discovery-bold-hovered: #a071b3; /* vars.color.bg.discovery.bold.hovered */ --ad-color-bg-discovery-bold-pressed: #be9dcb; /* vars.color.bg.discovery.bold.pressed */ --ad-color-bg-discovery-hovered: #3e184e; /* vars.color.bg.discovery.hovered */ --ad-color-bg-discovery-pressed: #501f64; /* vars.color.bg.discovery.pressed */ --ad-color-bg-information: #0a2a48; /* vars.color.bg.information._default */ --ad-color-bg-information-bold: #4582bc; /* vars.color.bg.information.bold._default */ --ad-color-bg-information-bold-hovered: #6496c7; /* vars.color.bg.information.bold.hovered */ --ad-color-bg-information-bold-pressed: #94b7d8; /* vars.color.bg.information.bold.pressed */ --ad-color-bg-information-hovered: #0d365e; /* vars.color.bg.information.hovered */ --ad-color-bg-information-pressed: #104679; /* vars.color.bg.information.pressed */ --ad-color-bg-input: #484848; /* vars.color.bg.input._default */ --ad-color-bg-input-hovered: #5d5d5d; /* vars.color.bg.input.hovered */ --ad-color-bg-input-pressed: #2b2b2b; /* vars.color.bg.input.pressed */ --ad-color-bg-inverse-pressed: #f1f1f1; /* vars.color.bg.inverse.pressed */ --ad-color-bg-inverse-subtle: #fcfcfc; /* vars.color.bg.inverse.subtle._default */ --ad-color-bg-inverse-subtle-hovered: #f5f5f5; /* vars.color.bg.inverse.subtle.hovered */ --ad-color-bg-neutral-bold: #cccccc; /* vars.color.bg.neutral.bold._default */ --ad-color-bg-neutral-bold-hovered: #7b7b7b; /* vars.color.bg.neutral.bold.hovered */ --ad-color-bg-neutral-bold-pressed: #5e5e5e; /* vars.color.bg.neutral.bold.pressed */ --ad-color-bg-neutral-hovered: #b9b9b9; /* vars.color.bg.neutral.hovered */ --ad-color-bg-neutral-pressed: #989898; /* vars.color.bg.neutral.pressed */ --ad-color-bg-neutral-subtle: #5e5e5e; /* vars.color.bg.neutral.subtle._default */ --ad-color-bg-neutral-subtle-hovered: #989898; /* vars.color.bg.neutral.subtle.hovered */ --ad-color-bg-neutral-subtle-pressed: #858585; /* vars.color.bg.neutral.subtle.pressed */ --ad-color-bg-selected: #5d5d5d; /* vars.color.bg.selected._default */ --ad-color-bg-selected-bold: #858585; /* vars.color.bg.selected.bold._default */ --ad-color-bg-selected-bold-hovered: #989898; /* vars.color.bg.selected.bold.hovered */ --ad-color-bg-selected-bold-pressed: #b9b9b9; /* vars.color.bg.selected.bold.pressed */ --ad-color-bg-selected-hovered: #484848; /* vars.color.bg.selected.hovered */ --ad-color-bg-selected-pressed: #383838; /* vars.color.bg.selected.pressed */ --ad-color-bg-success: #123a1a; /* vars.color.bg.success._default */ --ad-color-bg-success-bold: #55a165; /* vars.color.bg.success.bold._default */ --ad-color-bg-success-bold-hovered: #71b17e; /* vars.color.bg.success.bold.hovered */ --ad-color-bg-success-bold-pressed: #9dc9a6; /* vars.color.bg.success.bold.pressed */ --ad-color-bg-success-hovered: #184c22; /* vars.color.bg.success.hovered */ --ad-color-bg-success-pressed: #1f622c; /* vars.color.bg.success.pressed */ --ad-color-bg-warning: #694a03; /* vars.color.bg.warning._default */ --ad-color-bg-warning-bold-hovered: #fcca59; /* vars.color.bg.warning.bold.hovered */ --ad-color-bg-warning-bold-pressed: #fddb8d; /* vars.color.bg.warning.bold.pressed */ --ad-color-bg-warning-hovered: #8a6104; /* vars.color.bg.warning.hovered */ --ad-color-bg-warning-pressed: #b27d05; /* vars.color.bg.warning.pressed */ --ad-color-border: #b9b9b9; /* vars.color.border._default */ --ad-color-border-brand: #858585; /* vars.color.border.brand */ --ad-color-border-danger: #c92b2a; /* vars.color.border.danger */ --ad-color-border-disable: #b9b9b9; /* vars.color.border.disable */ --ad-color-border-discovery: #712b8d; /* vars.color.border.discovery */ --ad-color-border-focused: #b9b9b9; /* vars.color.border.focused */ --ad-color-border-info: #1763ab; /* vars.color.border.info */ --ad-color-border-input: #989898; /* vars.color.border.input */ --ad-color-border-inverse: #2b2b2b; /* vars.color.border.inverse */ --ad-color-border-selected: #b9b9b9; /* vars.color.border.selected */ --ad-color-border-success: #71b17e; /* vars.color.border.success */ --ad-color-icon: #efefef; /* vars.color.icon._default */ --ad-color-icon-brand: #ffffff; /* vars.color.icon.brand */ --ad-color-icon-danger: #eebdbd; /* vars.color.icon.danger */ --ad-color-icon-disabled: #858585; /* vars.color.icon.disabled */ --ad-color-icon-discovery: #d3bddc; /* vars.color.icon.discovery */ --ad-color-icon-info: #b7cfe5; /* vars.color.icon.info */ --ad-color-icon-inverse: #2b2b2b; /* vars.color.icon.inverse */ --ad-color-icon-primary-button: #2b2b2b; /* vars.color.icon.primary.button */ --ad-color-icon-selected: #f5f5f5; /* vars.color.icon.selected */ --ad-color-icon-subtle: #989898; /* vars.color.icon.subtle */ --ad-color-icon-success: #bddbc3; /* vars.color.icon.success */ --ad-color-icon-warning: #fde7b2; /* vars.color.icon.warning._default */ --ad-color-icon-warning-inverse: #2b2b2b; /* vars.color.icon.warning.inverse */ --ad-color-interaction-hovered: #fcfcfc; /* vars.color.interaction.hovered */ --ad-color-interaction-pressed: #fcfcfc; /* vars.color.interaction.pressed */ --ad-color-link: #6496c7; /* vars.color.link._default */ --ad-color-link-pressed: #1763ab; /* vars.color.link.pressed */ --ad-color-surface: #2b2b2b; /* vars.color.surface._default */ --ad-color-surface-hovered: #383838; /* vars.color.surface.hovered */ --ad-color-surface-overlay: #2b2b2b; /* vars.color.surface.overlay._default */ --ad-color-surface-overlay-hovered: #383838; /* vars.color.surface.overlay.hovered */ --ad-color-surface-overlay-pressed: #484848; /* vars.color.surface.overlay.pressed */ --ad-color-surface-pressed: #484848; /* vars.color.surface.pressed */ --ad-color-surface-raised: #383838; /* vars.color.surface.raised._default */ --ad-color-surface-raised-hovered: #383838; /* vars.color.surface.raised.hovered */ --ad-color-surface-raised-pressed: #484848; /* vars.color.surface.raised.pressed */ --ad-color-surface-sunken: #5d5d5d; /* vars.color.surface.sunken */ --ad-color-text: #fcfcfc; /* vars.color.text._default */ --ad-color-text-accent-gray: #989898; /* vars.color.text.accent.gray._default */ --ad-color-text-accent-gray-bolder: #efefef; /* vars.color.text.accent.gray.bolder */ --ad-color-text-brand: #fcfcfc; /* vars.color.text.brand */ --ad-color-text-danger: #e69d9d; /* vars.color.text.danger */ --ad-color-text-disabled: #858585; /* vars.color.text.disabled */ --ad-color-text-discovery: #a071b3; /* vars.color.text.discovery */ --ad-color-text-info: #b7cfe5; /* vars.color.text.info */ --ad-color-text-inverse: #2b2b2b; /* vars.color.text.inverse */ --ad-color-text-primary-button: #2b2b2b; /* vars.color.text.primary.button */ --ad-color-text-selected: #d0d0d0; /* vars.color.text.selected */ --ad-color-text-subtle: #989898; /* vars.color.text.subtle */ --ad-color-text-subtlest: #b9b9b9; /* vars.color.text.subtlest */ --ad-color-text-success: #9dc9a6; /* vars.color.text.success */ --ad-color-text-warning: #fcca59; /* vars.color.text.warning._default */ --ad-color-text-warning-inverse: #2b2b2b; /* vars.color.text.warning.inverse */ --ad-border-radius-xs: 2px; /* vars.border.radius.xs */ } /* Estilos de texto (commonTheme). Uso:

. */ .ad-display-large { font-family: Titillium Web, sans-serif; font-size: 96px; font-weight: 600; line-height: 120%; } /* vars.display.large */ .ad-display-medium { font-family: Titillium Web, sans-serif; font-size: 52px; font-weight: 600; line-height: 120%; } /* vars.display.medium */ .ad-display-small { font-family: Titillium Web, sans-serif; font-size: 44px; font-weight: 600; line-height: 120%; } /* vars.display.small */ .ad-display-x-small { font-family: Titillium Web, sans-serif; font-size: 36px; font-weight: 600; line-height: 120%; } /* vars.display.x-small */ .ad-heading-xx-large { font-family: Open Sans, sans-serif; font-size: 40px; font-weight: 600; line-height: 120%; } /* vars.heading.xx-large */ .ad-heading-x-large { font-family: Open Sans, sans-serif; font-size: 36px; font-weight: 600; line-height: 120%; } /* vars.heading.x-large */ .ad-heading-large { font-family: Open Sans, sans-serif; font-size: 32px; font-weight: 600; line-height: 120%; } /* vars.heading.large */ .ad-heading-medium { font-family: Open Sans, sans-serif; font-size: 28px; font-weight: 600; line-height: 120%; } /* vars.heading.medium */ .ad-heading-small { font-family: Open Sans, sans-serif; font-size: 24px; font-weight: 600; line-height: 120%; } /* vars.heading.small */ .ad-heading-x-small { font-family: Open Sans, sans-serif; font-size: 20px; font-weight: 600; line-height: 120%; } /* vars.heading.x-small */ .ad-label-large { font-family: Open Sans, sans-serif; font-size: 18px; font-weight: 600; line-height: 120%; } /* vars.label.large */ .ad-label-medium { font-family: Open Sans, sans-serif; font-size: 16px; font-weight: 600; line-height: 120%; } /* vars.label.medium */ .ad-label-small { font-family: Open Sans, sans-serif; font-size: 14px; font-weight: 600; line-height: 120%; } /* vars.label.small */ .ad-label-x-small { font-family: Open Sans, sans-serif; font-size: 12px; font-weight: 600; line-height: 120%; } /* vars.label.x-small */ .ad-body-large { font-family: Open Sans, sans-serif; font-size: 18px; font-weight: 400; line-height: 120%; } /* vars.body.large */ .ad-body-medium { font-family: Open Sans, sans-serif; font-size: 16px; font-weight: 400; line-height: 120%; } /* vars.body.medium */ .ad-body-small { font-family: Open Sans, sans-serif; font-size: 14px; font-weight: 400; line-height: 120%; } /* vars.body.small */ .ad-body-x-small { font-family: Open Sans, sans-serif; font-size: 12px; font-weight: 400; line-height: 120%; } /* vars.body.x-small */ .ad-paragraph-large { font-family: Open Sans, sans-serif; font-size: 18px; font-weight: 400; line-height: 120%; } /* vars.paragraph.large */ .ad-paragraph-medium { font-family: Open Sans, sans-serif; font-size: 16px; font-weight: 400; line-height: 120%; } /* vars.paragraph.medium */ .ad-paragraph-small { font-family: Open Sans, sans-serif; font-size: 14px; font-weight: 400; line-height: 120%; } /* vars.paragraph.small */ .ad-paragraph-x-small { font-family: Open Sans, sans-serif; font-size: 12px; font-weight: 400; line-height: 120%; } /* vars.paragraph.x-small */ .ad-overline { font-family: Open Sans, sans-serif; font-size: 10px; font-weight: 700; line-height: 150%; letter-spacing: 1px; } /* vars.overline */