/* EasWrk portal theme 2026: black and white, one blue. Mirrors easwrk.com tokens.css. DRAFT, preview only. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=JetBrains+Mono:wght@400;500&family=Nunito+Sans:wght@400;600;700&display=swap");

html:root {
  color-scheme: light;
  --eas-bg: #F5F5F2; --eas-bg-2: #ECECE8; --eas-surface: #FFFFFF; --eas-surface-2: #F0F0EC;
  --eas-line: #D6D6D0; --eas-line-strong: #70747B;
  --eas-text: #0A0B0D; --eas-text-dim: #43474E; --eas-text-faint: #595E66;
  --eas-accent: #0F5EA3; --eas-accent-strong: #0B4A82;
  --eas-ink: #0A0B0D; --eas-ink-2: #15181C; --eas-ink-line: #2A2F36; --eas-ink-text: #F3F3F0; --eas-ink-dim: #B4B9C0; --eas-ink-accent: #5BA3DC;
  --eas-display: "Archivo", system-ui, sans-serif; --eas-body: "Nunito Sans", system-ui, sans-serif; --eas-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Lagom's own variables */
  --body-bg: var(--eas-bg);
  --ui-block-bg: var(--eas-surface); --ui-block-overlay-bg: var(--eas-surface); --ui-block-overlay-bg-2: var(--eas-surface-2);
  --brand-primary: var(--eas-accent); --brand-primary-lighter: #3F7FBA; --brand-primary-lighter-2: #8DB3D6; --brand-primary-lighter-3: #CFDFEE; --brand-primary-lighter-4: #E8EFF6; --brand-primary-darker: var(--eas-accent-strong);
  --brand-primary-gradient-start: var(--eas-accent); --brand-primary-gradient-end: var(--eas-accent);
  --brand-primary-gradient-h: var(--eas-accent); --brand-primary-gradient-v: var(--eas-accent);
  --brand-info: var(--eas-accent); --brand-info-darker: var(--eas-accent-strong); --brand-info-gradient-start: var(--eas-accent); --brand-info-gradient-end: var(--eas-accent); --brand-info-gradient-h: var(--eas-accent); --brand-info-gradient-v: var(--eas-accent);
  --brand-secondary: var(--eas-surface-2); --brand-secondary-lighter: #fff; --brand-secondary-darker: var(--eas-bg-2);
  --brand-secondary-gradient-h: var(--eas-surface); --brand-secondary-gradient-v: var(--eas-surface);
  --svg-illustration-color-0: #0A0B0D; --svg-illustration-color-1: #2A2F36; --svg-illustration-color-2: #43474E; --svg-illustration-color-3: #0F5EA3; --svg-illustration-color-4: #6F7782; --svg-illustration-color-5: #B4B9C0; --svg-illustration-color-6: #D6D6D0;
  --gray-icons-hover: var(--eas-accent);
  --text-secondary-heading-color: var(--eas-text); --text-secondary-body-color: var(--eas-text-dim);
  --text-secondary-lighter-color: var(--eas-text-faint); --text-secondary-faded-color: var(--eas-text-faint); --text-secondary-primary-color: var(--eas-accent);
  --primary-block-text-color: var(--eas-text-dim); --primary-block-title-color: var(--eas-text); --primary-block-subtitle-color: var(--eas-text-dim); --primary-block-text-faded-color: var(--eas-text-faint);
}

/* Page */
html body.lagom { background: var(--eas-bg) !important; color: var(--eas-text-dim); font-family: var(--eas-body); }
body.lagom::before, body.lagom::after, .app-main::before, .app-main::after { background: none !important; display: none !important; }
body.lagom h1, body.lagom h2, body.lagom h3, body.lagom h4, .main-header-title {
  font-family: var(--eas-display) !important; font-weight: 600 !important; letter-spacing: -0.03em; color: var(--eas-text) !important;
}

/* Header: white bar, hairline, black utility strip */
body.lagom .app-nav { background: #fff !important; backdrop-filter: none !important; box-shadow: none !important; border-bottom: 1px solid var(--eas-line); }
body.lagom .app-nav .top-nav, body.lagom .app-nav-header + .top-nav { }
body.lagom .app-nav .app-nav-menu > li > a, body.lagom .app-nav a { color: var(--eas-text) !important; }
body.lagom .app-nav .btn-primary, body.lagom .app-nav .btn-primary * { color: #fff !important; }

/* Store title band: black, like the site hero */
body.lagom .main-header {
  background: var(--eas-ink) !important; margin: 0 calc(50% - 50vw) 48px; padding: 72px calc(50vw - 50%) 64px !important; border: 0;
}
body.lagom .main-header .main-header-title, body.lagom .main-header h1 { color: var(--eas-ink-text) !important; font-size: clamp(2.25rem, 1.4rem + 3vw, 3.75rem) !important; line-height: 1.06; }
body.lagom .main-header .breadcrumb, body.lagom .main-header .breadcrumb a { color: var(--eas-ink-dim) !important; }

/* Cards, panels, sidebar */
body.lagom .panel, body.lagom .package, body.lagom .tile, body.lagom .well {
  background: var(--eas-surface) !important; border: 1px solid var(--eas-line) !important; border-radius: 8px !important; box-shadow: none !important; backdrop-filter: none !important;
}
body.lagom .panel-sidebar .panel-heading, body.lagom .panel-sidebar .panel-title { background: transparent !important; color: var(--eas-text) !important; font-family: var(--eas-display); font-weight: 600; }
body.lagom .panel-sidebar .list-group-item { background: transparent !important; color: var(--eas-text-dim) !important; border-left: 2px solid transparent !important; border-radius: 0 !important; }
body.lagom .panel-sidebar .list-group-item:hover { color: var(--eas-text) !important; background: var(--eas-surface-2) !important; }
body.lagom .panel-sidebar .list-group-item.active { background: transparent !important; color: var(--eas-text) !important; font-weight: 700; border-left-color: var(--eas-text) !important; }
body.lagom .panel-sidebar .list-group-item i, body.lagom .panel-sidebar .list-group-item .ls { color: var(--eas-text-faint) !important; }

/* Buttons: flat */
body.lagom .btn { border-radius: 4px !important; box-shadow: none !important; background-image: none !important; font-weight: 700; }
body.lagom .btn-primary { background: var(--eas-accent) !important; border-color: var(--eas-accent) !important; color: #fff !important; }
body.lagom .btn-primary:hover { background: var(--eas-accent-strong) !important; border-color: var(--eas-accent-strong) !important; }
body.lagom .btn-default, body.lagom .btn-outline { background: transparent !important; border: 1px solid var(--eas-text) !important; color: var(--eas-text) !important; }
body.lagom a { color: var(--eas-accent); }

/* Inputs and tables */
body.lagom .form-control { background: #fff !important; border: 1px solid var(--eas-line-strong) !important; border-radius: 4px !important; color: var(--eas-text) !important; box-shadow: none !important; }
body.lagom .form-control:focus { border-color: var(--eas-accent) !important; outline: 2px solid rgba(15,94,163,.25); }
body.lagom .table > thead > tr > th { background: var(--eas-surface-2) !important; color: var(--eas-text) !important; }
body.lagom .table td, body.lagom .table th { border-color: var(--eas-line) !important; }

/* Store plan cards (#eas-pricing-section) */
#eas-pricing-section .eas-toggle-label { color: var(--eas-text-faint) !important; font-weight: 600; }
#eas-pricing-section .eas-toggle-label.active { color: var(--eas-text) !important; }
#eas-pricing-section .eas-toggle-pill { background: var(--eas-text) !important; border: 0 !important; box-shadow: none !important; }
#eas-pricing-section .eas-toggle-knob { background: #fff !important; box-shadow: none !important; }
#eas-pricing-section .eas-annual-note, #eas-pricing-section .eas-save-badge { background: transparent !important; color: var(--eas-accent) !important; border: 1px solid var(--eas-accent) !important; border-radius: 999px !important; }
#eas-pricing-section .eas-card { background: var(--eas-surface) !important; border: 1px solid var(--eas-line) !important; border-radius: 8px !important; box-shadow: none !important; backdrop-filter: none !important; }
#eas-pricing-section .eas-card-header { background: transparent !important; border-bottom: 1px solid var(--eas-line) !important; }
#eas-pricing-section .eas-card-body, #eas-pricing-section .eas-features-section { background: transparent !important; border-color: var(--eas-line) !important; }
#eas-pricing-section .eas-icon-wrap { background: transparent !important; border: 1px solid var(--eas-line) !important; border-radius: 8px !important; color: var(--eas-text) !important; box-shadow: none !important; }
#eas-pricing-section .eas-icon-wrap i { color: var(--eas-text) !important; }
#eas-pricing-section .eas-plan-name { color: var(--eas-text-faint) !important; font-family: var(--eas-body); letter-spacing: .14em; font-weight: 700; }
#eas-pricing-section .eas-tagline { font-family: var(--eas-display) !important; font-weight: 600 !important; letter-spacing: -0.02em; color: var(--eas-text) !important; font-size: 1.35rem !important; }
#eas-pricing-section .eas-subtext, #eas-pricing-section .eas-billing-note { color: var(--eas-text-dim) !important; }
#eas-pricing-section .eas-price-amount { font-family: var(--eas-display) !important; font-weight: 600 !important; letter-spacing: -0.04em; color: var(--eas-text) !important; }
#eas-pricing-section .eas-price-suffix { color: var(--eas-text-faint) !important; }
#eas-pricing-section .eas-cta { background: var(--eas-accent) !important; background-image: none !important; color: #fff !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; }
#eas-pricing-section .eas-cta:hover { background: var(--eas-accent-strong) !important; }
#eas-pricing-section .eas-features li { color: var(--eas-text-dim) !important; }
#eas-pricing-section .eas-features strong { color: var(--eas-text) !important; }
#eas-pricing-section .eas-features i { color: var(--eas-accent) !important; }
#eas-pricing-section .eas-ai-badge { background: transparent !important; color: var(--eas-text) !important; border: 1px solid var(--eas-text) !important; border-radius: 999px !important; }
#eas-pricing-section .eas-ai-section > div:not(.eas-ai-badge) { background: #0E1013 !important; border: 1px solid #2A2F36 !important; border-radius: 8px !important; color: #E6E8EB !important; font-family: var(--eas-mono) !important; }
#eas-pricing-section .eas-ai-section * { box-shadow: none !important; }

/* Featured plan: the one black card */
#eas-pricing-section .eas-card.featured { background: var(--eas-ink) !important; border-color: var(--eas-ink) !important; }
#eas-pricing-section .eas-card.featured .eas-card-header { border-bottom-color: var(--eas-ink-line) !important; }
#eas-pricing-section .eas-card.featured .eas-tagline, #eas-pricing-section .eas-card.featured .eas-price-amount, #eas-pricing-section .eas-card.featured .eas-features strong { color: var(--eas-ink-text) !important; }
#eas-pricing-section .eas-card.featured .eas-subtext, #eas-pricing-section .eas-card.featured .eas-features li, #eas-pricing-section .eas-card.featured .eas-plan-name, #eas-pricing-section .eas-card.featured .eas-price-suffix, #eas-pricing-section .eas-card.featured .eas-billing-note { color: var(--eas-ink-dim) !important; }
#eas-pricing-section .eas-card.featured .eas-features i { color: var(--eas-ink-accent) !important; }
#eas-pricing-section .eas-card.featured .eas-icon-wrap { border-color: var(--eas-ink-line) !important; }
#eas-pricing-section .eas-card.featured .eas-icon-wrap i { color: var(--eas-ink-text) !important; }
#eas-pricing-section .eas-card.featured .eas-cta { background: var(--eas-ink-accent) !important; color: var(--eas-ink) !important; }
#eas-pricing-section .eas-badge-popular { background: var(--eas-ink-text) !important; color: var(--eas-ink) !important; border-radius: 999px !important; box-shadow: none !important; }

/* Footer: black, like the site */
body.lagom .main-footer { background: var(--eas-ink) !important; color: var(--eas-ink-dim) !important; border: 0 !important; }
body.lagom .main-footer a, body.lagom .main-footer .footer-copyright { color: var(--eas-ink-dim) !important; }
body.lagom .main-footer a:hover { color: var(--eas-ink-text) !important; }

/* Remove leftover glows and washes on plan cards */
#eas-pricing-section .eas-card::before, #eas-pricing-section .eas-card::after,
#eas-pricing-section .eas-card-header::before, #eas-pricing-section .eas-card-header::after { display: none !important; }
#eas-pricing-section .eas-card, #eas-pricing-section .eas-card-header, #eas-pricing-section .eas-card-body { background-image: none !important; }
#eas-pricing-section .eas-card.featured .eas-badge-popular { position: static !important; display: inline-block; margin-bottom: 12px; transform: none !important; }

/* WrkMate terminal in plan cards: site terminal tokens */
#eas-pricing-section .wpp-wrap { background: #0E1013 !important; border: 1px solid #2A2F36 !important; border-radius: 8px !important; overflow: hidden; }
#eas-pricing-section .wpp-bar { background: #15181C !important; border-bottom: 1px solid #2A2F36 !important; }
#eas-pricing-section .wpp-title { color: #959BA4 !important; font-family: var(--eas-mono) !important; }
#eas-pricing-section .wpp-body, #eas-pricing-section .wpp-term { background: #0E1013 !important; font-family: var(--eas-mono) !important; }
#eas-pricing-section .wpp-sidebar { background: #101215 !important; border-right: 1px solid #2A2F36 !important; }
#eas-pricing-section .wpp-skill { background: transparent !important; border: 1px solid #2A2F36 !important; border-radius: 4px !important; color: #B4B9C0 !important; }
#eas-pricing-section .wpp-skill i { color: #B4B9C0 !important; }
#eas-pricing-section .wpp-dim { color: #6F7782 !important; }
#eas-pricing-section .wpp-acc { color: #E6E8EB !important; }
#eas-pricing-section .wpp-prompt { color: #5BA3DC !important; }
#eas-pricing-section .eas-dots span { background: #2A2F36 !important; }
#eas-pricing-section .eas-ai-footer { color: var(--eas-text-faint) !important; font-style: normal !important; }

/* Login / register "sidebar" layout: black brand side, white form side */
body.lagom .main-body-sidebar { background: var(--eas-ink) !important; background-image: none !important; color: var(--eas-ink-dim) !important; }
body.lagom .main-body-sidebar::before, body.lagom .main-body-sidebar::after { display: none !important; }
body.lagom .main-body-sidebar .sidebar-title, body.lagom .main-body-sidebar .sidebar-news-title, body.lagom .main-body-sidebar h1, body.lagom .main-body-sidebar h2, body.lagom .main-body-sidebar h3 { color: var(--eas-ink-text) !important; }
body.lagom .main-body-sidebar .sidebar-news-desc, body.lagom .main-body-sidebar .sidebar-news-date, body.lagom .main-body-sidebar p { color: var(--eas-ink-dim) !important; }
body.lagom .main-body-sidebar .swiper-pagination-bullet { background: var(--eas-ink-dim) !important; }
body.lagom .main-body-sidebar .swiper-pagination-bullet-active { background: var(--eas-ink-text) !important; }
body.lagom .main-body-sidebar .sidebar-logo img { filter: none !important; }
body.lagom.page-login .main-body-content, body.lagom .main-body-has-sidebar .main-body-content { background: #fff !important; }
body.lagom .login-wrapper, body.lagom .login-body { background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.lagom .login-title { font-family: var(--eas-display) !important; color: var(--eas-text) !important; }

/* ==========================================================================
   Contrast layer 20261112. Every text element carries a foreground paired
   with its own background. Light values on :root, dark values under
   prefers-color-scheme: dark. Ratios: 4.5:1 text, 3:1 control borders.
   ========================================================================== */
html:root {
  color-scheme: light dark;
  --eas-btn-bg: #0F5EA3; --eas-btn-bg-hover: #0B4A82; --eas-btn-fg: #FFFFFF;
  --eas-focus: #0F5EA3;
  --eas-input-bg: #FFFFFF; --eas-input-border: #70747B;
  --eas-nav-bg: #FFFFFF;
  --eas-ok-bg: #E3F1E6; --eas-ok-fg: #14532D;
  --eas-bad-bg: #FBE4E4; --eas-bad-fg: #7F1D1D;
  --eas-warn-bg: #FFF3CD; --eas-warn-fg: #5C3D00;
  --eas-info-bg: #E1EEF9; --eas-info-fg: #0B3A66;
  --eas-term-dim: #9AA0A9;
}
@media (prefers-color-scheme: dark) {
  html:root {
    --eas-bg: #0A0B0D; --eas-bg-2: #12151A; --eas-surface: #15181C; --eas-surface-2: #1D2128;
    --eas-line: #2F353D; --eas-line-strong: #8A9099;
    --eas-text: #F3F3F0; --eas-text-dim: #C6CBD2; --eas-text-faint: #A7ADB6;
    --eas-accent: #6DB3EA; --eas-accent-strong: #9CCBF2;
    --eas-ink: #000000; --eas-ink-2: #0A0B0D; --eas-ink-line: #3A4048; --eas-ink-text: #F3F3F0; --eas-ink-dim: #C0C5CC; --eas-ink-accent: #6DB3EA;
    --eas-btn-bg: #6DB3EA; --eas-btn-bg-hover: #9CCBF2; --eas-btn-fg: #0A0B0D;
    --eas-focus: #9CCBF2;
    --eas-input-bg: #0F1215; --eas-input-border: #8A9099;
    --eas-nav-bg: #0A0B0D;
    --eas-ok-bg: #12301C; --eas-ok-fg: #BFE8CB;
    --eas-bad-bg: #3A1414; --eas-bad-fg: #F8C9C9;
    --eas-warn-bg: #3A2E0A; --eas-warn-fg: #F5DC9A;
    --eas-info-bg: #0F2A44; --eas-info-fg: #BCD9F5;
    --eas-term-dim: #9AA0A9;
    --body-bg: var(--eas-bg);
    --brand-primary: var(--eas-btn-bg); --brand-primary-darker: var(--eas-btn-bg-hover);
    --brand-primary-lighter-3: #1D3A55; --brand-primary-lighter-4: #14263A;
    --brand-secondary: var(--eas-surface-2); --brand-secondary-lighter: var(--eas-surface); --brand-secondary-darker: var(--eas-bg-2);
    --brand-secondary-gradient-h: var(--eas-surface); --brand-secondary-gradient-v: var(--eas-surface);
    --svg-illustration-color-0: #F3F3F0; --svg-illustration-color-1: #D5D9DF; --svg-illustration-color-2: #B4B9C0; --svg-illustration-color-3: #6DB3EA; --svg-illustration-color-4: #8A9099; --svg-illustration-color-5: #3A4048; --svg-illustration-color-6: #2F353D;
    /* Lagom palette variables re-paired for dark: dark grays become light, alphas lifted for text */
    --alert-gray-bg: rgba(198, 203, 210, 0.08);
    --alert-gray-border: rgba(198, 203, 210, 0.24);
    --alert-gray-text: #F3F3F0;
    --alert-variants-title-color: #F3F3F0;
    --app-nav-left-icon-active-color: rgba(198, 203, 210, 0.78);
    --app-nav-left-icon-color: rgba(198, 203, 210, 0.74);
    --app-nav-left-link-active-color: #F3F3F0;
    --app-nav-left-link-color: #F3F3F0;
    --app-nav-left-link-hover-color: #C6CBD2;
    --app-nav-left-wide-dropdown-icon-active-color: rgba(198, 203, 210, 0.78);
    --app-nav-left-wide-dropdown-icon-color: rgba(198, 203, 210, 0.74);
    --app-nav-left-wide-dropdown-link-active-bg: rgba(198, 203, 210, 0.08);
    --app-nav-left-wide-dropdown-link-active-color: #F3F3F0;
    --app-nav-left-wide-dropdown-link-color: #F3F3F0;
    --app-nav-left-wide-dropdown-link-hover-color: #C6CBD2;
    --app-nav-left-wide-icon-active-color: rgba(198, 203, 210, 0.78);
    --app-nav-left-wide-icon-color: rgba(198, 203, 210, 0.74);
    --app-nav-left-wide-link-active-bg: rgba(198, 203, 210, 0.08);
    --app-nav-left-wide-link-active-color: #F3F3F0;
    --app-nav-left-wide-link-color: #F3F3F0;
    --app-nav-left-wide-link-hover-color: #C6CBD2;
    --app-nav-top-menu-icon-color: rgba(198, 203, 210, 0.74);
    --app-nav-top-menu-link-color: #F3F3F0;
    --app-nav-top-menu-link-hover-color: #C6CBD2;
    --article-font-color: #C6CBD2;
    --badge-active-color: rgba(198, 203, 210, 0.78);
    --badge-bg: rgba(198, 203, 210, 0.15);
    --badge-default-bg: rgba(198, 203, 210, 0.24);
    --badge-default-color: rgba(198, 203, 210, 0.74);
    --blockquote-bg: rgba(198, 203, 210, 0.08);
    --blockquote-border-color: rgba(198, 203, 210, 0.15);
    --blockquote-font-color: #F3F3F0;
    --blockquote-small-color: rgba(198, 203, 210, 0.74);
    --breadcrumb-active-color: rgba(198, 203, 210, 0.74);
    --breadcrumb-color: rgba(198, 203, 210, 0.74);
    --btn-default-active-bg: rgba(198, 203, 210, 0.24);
    --btn-default-border: rgba(198, 203, 210, 0.24);
    --btn-default-color: #F3F3F0;
    --btn-default-hover-bg: rgba(198, 203, 210, 0.08);
    --btn-default-hover-border: rgba(198, 203, 210, 0.42);
    --btn-default-hover-color: #F3F3F0;
    --btn-disabled-bg: rgba(198, 203, 210, 0.08);
    --btn-disabled-color: rgba(198, 203, 210, 0.78);
    --btn-link-disabled-color: rgba(198, 203, 210, 0.74);
    --ca-section-desc-color: #C6CBD2;
    --ca-section-title-color: #F3F3F0;
    --card-cap-color: #F3F3F0;
    --close-color: rgba(198, 203, 210, 0.74);
    --dropdown-active-bg: rgba(198, 203, 210, 0.08);
    --dropdown-collapse-bg: rgba(198, 203, 210, 0.08);
    --dropdown-header-color: #F3F3F0;
    --dropdown-link-active-bg: rgba(198, 203, 210, 0.08);
    --dropdown-link-active-color: #F3F3F0;
    --dropdown-link-color: #F3F3F0;
    --dropdown-link-hover-color: #C6CBD2;
    --dropdown-link-icon-active-color: rgba(198, 203, 210, 0.78);
    --dropdown-link-icon-color: rgba(198, 203, 210, 0.74);
    --gray-base: #C6CBD2;
    --gray-darker: #F3F3F0;
    --gray-faded: rgba(198, 203, 210, 0.08);
    --gray-icons: rgba(198, 203, 210, 0.74);
    --gray-lighter: rgba(198, 203, 210, 0.78);
    --gray-lighter-2: rgba(198, 203, 210, 0.74);
    --gray-lighter-3: rgba(198, 203, 210, 0.24);
    --gray-lighter-4: rgba(198, 203, 210, 0.15);
    --hr-border: rgba(198, 203, 210, 0.15);
    --icheck-bg: rgba(198, 203, 210, 0.08);
    --icheck-border: 2px solid rgba(198, 203, 210, 0.08);
    --icheck-border-color: rgba(198, 203, 210, 0.08);
    --icheck-disabled-bg: rgba(198, 203, 210, 0.15);
    --icheck-disabled-border-color: rgba(198, 203, 210, 0.42);
    --icheck-hover-bg: rgba(198, 203, 210, 0.08);
    --icheck-hover-border-color: rgba(198, 203, 210, 0.24);
    --input-bg: rgba(198, 203, 210, 0.08);
    --input-border: 1px solid rgba(198, 203, 210, 0.08);
    --input-border-color: rgba(198, 203, 210, 0.08);
    --input-color: #C6CBD2;
    --input-color-placeholder: rgba(198, 203, 210, 0.74);
    --input-disabled-bg: rgba(198, 203, 210, 0.08);
    --input-disabled-border-color: rgba(198, 203, 210, 0.08);
    --input-disabled-color: #F3F3F0;
    --input-disabled-color-placeholder: rgba(198, 203, 210, 0.74);
    --input-focus-bg: rgba(198, 203, 210, 0.08);
    --input-focus-border-color: rgba(198, 203, 210, 0.24);
    --input-focus-color: #F3F3F0;
    --input-focus-placeholder-color: rgba(198, 203, 210, 0.74);
    --input-group-addon-bg: rgba(198, 203, 210, 0.15);
    --input-group-addon-border-color: 1px solid rgba(198, 203, 210, 0.08);
    --input-hover-bg: rgba(198, 203, 210, 0.15);
    --input-hover-border-color: rgba(198, 203, 210, 0.24);
    --input-hover-color: #F3F3F0;
    --input-hover-placeholder-color: rgba(198, 203, 210, 0.74);
    --input-label-color: rgba(198, 203, 210, 0.74);
    --jumbotron-bg: rgba(198, 203, 210, 0.15);
    --label-default-bg: rgba(198, 203, 210, 0.08);
    --label-default-color: rgba(198, 203, 210, 0.78);
    --legend-color: #F3F3F0;
    --link-color: rgba(198, 203, 210, 0.78);
    --link-hover-color: #C6CBD2;
    --list-group-action-active-bg: rgba(198, 203, 210, 0.24);
    --list-group-action-active-color: #F3F3F0;
    --list-group-action-color: #C6CBD2;
    --list-group-action-hover-color: #C6CBD2;
    --list-group-active-bg: rgba(198, 203, 210, 0.08);
    --list-group-active-border: rgba(198, 203, 210, 0.08);
    --list-group-active-color: #F3F3F0;
    --list-group-active-text-color: rgba(198, 203, 210, 0.74);
    --list-group-disabled-color: #A7ADB6;
    --list-group-item-disabled-color: rgba(198, 203, 210, 0.78);
    --list-group-item-disabled-text-color: #A7ADB6;
    --list-group-item-heading-color: #F3F3F0;
    --list-group-item-icon-color: rgba(198, 203, 210, 0.74);
    --list-group-item-link-active-bg: rgba(198, 203, 210, 0.08);
    --list-group-item-link-active-color: #F3F3F0;
    --list-group-item-link-disabled-bg: rgba(198, 203, 210, 0.15);
    --list-group-item-link-disabled-color: rgba(198, 203, 210, 0.74);
    --list-group-item-link-heading-color: #F3F3F0;
    --list-group-item-link-hover-bg: rgba(198, 203, 210, 0.08);
    --list-group-item-link-hover-color: #C6CBD2;
    --list-group-item-link-icon-color: rgba(198, 203, 210, 0.74);
    --list-group-item-link-text-color: rgba(198, 203, 210, 0.74);
    --list-group-item-text-color: rgba(198, 203, 210, 0.74);
    --login-desc-color: rgba(198, 203, 210, 0.74);
    --login-link-color: rgba(198, 203, 210, 0.78);
    --login-title-color: #F3F3F0;
    --main-footer-extended-desc-color: #C6CBD2;
    --main-footer-extended-title-color: #F3F3F0;
    --main-footer-link-color: #C6CBD2;
    --main-footer-link-hover-color: #F3F3F0;
    --main-footer-link-icon-color: rgba(198, 203, 210, 0.74);
    --main-footer-link-icon-hover-color: #F3F3F0;
    --main-header-banner-breadcrumb-color: rgba(198, 203, 210, 0.74);
    --main-header-banner-breadcrumb-color-active: rgba(198, 203, 210, 0.74);
    --main-header-banner-title-color: #F3F3F0;
    --main-header-breadcrumb-color: rgba(198, 203, 210, 0.74);
    --main-header-breadcrumb-color-active: #C6CBD2;
    --main-header-title-color: #F3F3F0;
    --markdown-font-color: #C6CBD2;
    --mob-dropdown-nav-caret-color: rgba(198, 203, 210, 0.74);
    --mob-dropdown-nav-link-active-color: #F3F3F0;
    --mob-dropdown-nav-link-color: #F3F3F0;
    --mob-dropdown-nav-link-hover-color: #C6CBD2;
    --mob-dropdown-nav-list-bg: rgba(198, 203, 210, 0.08);
    --mob-dropdown-nav-list-sidebar-bg: rgba(198, 203, 210, 0.15);
    --nav-link-color: #F3F3F0;
    --nav-link-hover-color: #C6CBD2;
    --nav-pills-active-link-hover-bg: rgba(198, 203, 210, 0.08);
    --nav-pills-active-link-hover-color: #F3F3F0;
    --nav-tabs-link-active-color: #F3F3F0;
    --nav-tabs-link-active-icon-color: rgba(198, 203, 210, 0.78);
    --nav-tabs-link-color: #F3F3F0;
    --nav-tabs-link-hover-border-color: rgba(198, 203, 210, 0.15);
    --nav-tabs-link-hover-color: #C6CBD2;
    --nav-tabs-link-icon-color: rgba(198, 203, 210, 0.74);
    --package-active-border-color: rgba(198, 203, 210, 0.24);
    --pagination-active-bg: rgba(198, 203, 210, 0.24);
    --pagination-border: rgba(198, 203, 210, 0.24);
    --pagination-color: #F3F3F0;
    --pagination-disabled-bg: rgba(198, 203, 210, 0.08);
    --pagination-disabled-color: rgba(198, 203, 210, 0.78);
    --pagination-hover-bg: rgba(198, 203, 210, 0.08);
    --pagination-hover-border: rgba(198, 203, 210, 0.42);
    --pagination-hover-color: #F3F3F0;
    --panel-accordion-active-heading-color: #F3F3F0;
    --panel-active-border-color: rgba(198, 203, 210, 0.24);
    --panel-default-text: #F3F3F0;
    --panel-hover-border-color: rgba(198, 203, 210, 0.24);
    --panel-sidebar-link-active-bg: rgba(198, 203, 210, 0.08);
    --panel-sidebar-link-active-color: #F3F3F0;
    --panel-sidebar-link-active-icon-color: rgba(198, 203, 210, 0.78);
    --panel-sidebar-link-color: #F3F3F0;
    --panel-sidebar-link-hover-color: #C6CBD2;
    --panel-sidebar-link-icon-color: rgba(198, 203, 210, 0.74);
    --panel-title-color: #F3F3F0;
    --popover-title-bg: rgba(198, 203, 210, 0.15);
    --pre-bg: rgba(198, 203, 210, 0.08);
    --pre-color: #C6CBD2;
    --price-color: #F3F3F0;
    --price-cycle-color: #C6CBD2;
    --price-title-color: rgba(198, 203, 210, 0.74);
    --product-details-text-color: #C6CBD2;
    --product-details-title-color: #F3F3F0;
    --progress-bar-bg: rgba(198, 203, 210, 0.5);
    --progress-bg: rgba(198, 203, 210, 0.15);
    --range-slider-bg: rgba(198, 203, 210, 0.15);
    --range-slider-value-color: #C6CBD2;
    --range-slider-value-sm-color: rgba(198, 203, 210, 0.74);
    --scrollbar-thumb-bg: rgba(198, 203, 210, 0.24);
    --scrollbar-thumb-hover-bg: rgba(198, 203, 210, 0.42);
    --scrollbar-track-bg: rgba(198, 203, 210, 0.5);
    --search-field-icon-color: rgba(198, 203, 210, 0.74);
    --select-option-color: #C6CBD2;
    --site-section-secondary-desc-color: #F3F3F0;
    --site-section-secondary-subtitle-color: #C6CBD2;
    --site-section-secondary-title-color: #F3F3F0;
    --site-section-subtitle-color: #C6CBD2;
    --site-section-title-color: #F3F3F0;
    --status-type-authorizeduser-text-color: rgba(198, 203, 210, 0.78);
    --status-type-guest-text-color: rgba(198, 203, 210, 0.78);
    --status-type-registereduser-text-color: rgba(198, 203, 210, 0.78);
    --status-type-subacc-text-color: rgba(198, 203, 210, 0.78);
    --table-bg-accent: rgba(198, 203, 210, 0.08);
    --table-bg-active: rgba(198, 203, 210, 0.08);
    --table-bg-hover: rgba(198, 203, 210, 0.08);
    --table-td-font-color: #F3F3F0;
    --table-th-font-color: #C6CBD2;
    --text-body-color: #C6CBD2;
    --text-faded-color: rgba(198, 203, 210, 0.41);
    --text-heading-color: #F3F3F0;
    --text-lighter-color: rgba(198, 203, 210, 0.74);
    --thumbnail-border: rgba(198, 203, 210, 0.15);
    --thumbnail-caption-color: rgba(198, 203, 210, 0.74);
    --tile-icon-color: rgba(198, 203, 210, 0.74);
    --tile-loader-bg: rgba(198, 203, 210, 0.15);
    --tile-stat-color: #F3F3F0;
    --tile-title-color: #F3F3F0;
    --toast-header-color: #A7ADB6;
    --top-nav-link-active-color: #F3F3F0;
    --top-nav-link-color: #C6CBD2;
    --top-nav-link-hover-color: #F3F3F0;
    --top-nav-link-icon-active-color: #F3F3F0;
    --top-nav-link-icon-color: rgba(198, 203, 210, 0.74);
    --top-nav-link-icon-hover-color: #F3F3F0;
    --ui-block-link-active-bg: rgba(198, 203, 210, 0.08);
    --ui-block-link-disabled-color: rgba(198, 203, 210, 0.74);
    --ui-block-link-hover-bg: rgba(198, 203, 210, 0.08);
    --ui-icon-color: rgba(198, 203, 210, 0.74);
    --ui-nav-link-active-bg: rgba(198, 203, 210, 0.08);
    --ui-nav-link-active-color: #F3F3F0;
    --ui-nav-link-color: #F3F3F0;
    --ui-nav-link-hover-color: #C6CBD2;
    --ui-nav-link-icon-active-color: rgba(198, 203, 210, 0.78);
    --ui-nav-link-icon-color: rgba(198, 203, 210, 0.74);
    --ui-nav-secondary-link-active-color: #F3F3F0;
    --ui-nav-secondary-link-color: #C6CBD2;
    --ui-nav-secondary-link-hover-color: #F3F3F0;
    --ui-nav-secondary-link-icon-active-color: #F3F3F0;
    --ui-nav-secondary-link-icon-color: rgba(198, 203, 210, 0.74);
    --ui-nav-secondary-link-icon-hover-color: #F3F3F0;
    --well-bg: rgba(198, 203, 210, 0.08);
  }
}

/* Text defaults, each paired with its surface */
html body.lagom { color: var(--eas-text-dim); }
body.lagom p, body.lagom li, body.lagom td, body.lagom th, body.lagom label, body.lagom dd, body.lagom dt, body.lagom small, body.lagom .small, body.lagom .help-block, body.lagom .text-muted, body.lagom .text-faded, body.lagom .text-light, body.lagom .form-text { color: var(--eas-text-dim); opacity: 1; }
body.lagom .text-muted, body.lagom .help-block, body.lagom .form-text, body.lagom small, body.lagom .faded, body.lagom .list-item.faded, body.lagom .list-item.faded * { color: var(--eas-text-faint) !important; opacity: 1 !important; }
body.lagom a:not(.btn):not(.eas-cta) { color: var(--eas-accent); text-decoration-thickness: 1px; }
body.lagom a:not(.btn):not(.eas-cta):hover { color: var(--eas-accent-strong); }
body.lagom strong, body.lagom b, body.lagom .price, body.lagom .item-value, body.lagom .item-name { color: var(--eas-text); }
body.lagom .list-item.faded .item-name, body.lagom .list-item.faded .item-value, body.lagom .price-total { color: var(--eas-text-faint) !important; opacity: 1 !important; }

/* Header and black title band: light text on the band, always */
html body.lagom .app-nav { background: var(--eas-nav-bg) !important; }
html body.lagom .main-header p, html body.lagom .main-header li, html body.lagom .main-header .breadcrumb li, html body.lagom .main-header .breadcrumb li.active, html body.lagom .main-header .breadcrumb > .active, html body.lagom .main-header .breadcrumb-item.active, html body.lagom .main-header small, html body.lagom .main-header .main-header-desc { color: var(--eas-ink-dim) !important; opacity: 1 !important; }
html body.lagom .main-header .breadcrumb li + li::before, html body.lagom .main-header .breadcrumb li::after { color: var(--eas-ink-dim) !important; }

/* Buttons: one paired set, explicit hover, focus and disabled */
html body.lagom .btn-primary, html body.lagom .app-nav .btn-primary { background: var(--eas-btn-bg) !important; border-color: var(--eas-btn-bg) !important; color: var(--eas-btn-fg) !important; }
html body.lagom .btn-primary *, html body.lagom .app-nav .btn-primary * { color: var(--eas-btn-fg) !important; }
html body.lagom .btn-primary:hover, html body.lagom .btn-primary:focus, html body.lagom .btn-primary:active, html body.lagom .btn-primary.active { background: var(--eas-btn-bg-hover) !important; border-color: var(--eas-btn-bg-hover) !important; color: var(--eas-btn-fg) !important; }
html body.lagom .btn-default, html body.lagom .btn-outline, html body.lagom .btn-link, html body.lagom .btn-secondary, html body.lagom .btn-light, html body.lagom .btn-sm.btn-default { background: transparent !important; border: 1px solid var(--eas-text) !important; color: var(--eas-text) !important; }
html body.lagom .btn-default *, html body.lagom .btn-outline *, html body.lagom .btn-secondary * { color: inherit !important; }
html body.lagom .btn-default:hover, html body.lagom .btn-default:focus, html body.lagom .btn-outline:hover, html body.lagom .btn-secondary:hover { background: var(--eas-text) !important; color: var(--eas-bg) !important; border-color: var(--eas-text) !important; }
html body.lagom .btn-success, html body.lagom .btn-info { background: var(--eas-ok-bg) !important; border: 1px solid var(--eas-ok-fg) !important; color: var(--eas-ok-fg) !important; }
html body.lagom .btn-danger { background: var(--eas-bad-bg) !important; border: 1px solid var(--eas-bad-fg) !important; color: var(--eas-bad-fg) !important; }
html body.lagom .btn-warning { background: var(--eas-warn-bg) !important; border: 1px solid var(--eas-warn-fg) !important; color: var(--eas-warn-fg) !important; }
html body.lagom .btn.disabled, html body.lagom .btn[disabled], html body.lagom .btn:disabled, html body.lagom fieldset[disabled] .btn { background: var(--eas-surface-2) !important; border: 1px solid var(--eas-line-strong) !important; color: var(--eas-text-faint) !important; opacity: 1 !important; }

/* Focus ring everywhere */
body.lagom a:focus-visible, body.lagom button:focus-visible, body.lagom .btn:focus-visible, body.lagom input:focus-visible, body.lagom select:focus-visible, body.lagom textarea:focus-visible, body.lagom [tabindex]:focus-visible, .eas-cta:focus-visible { outline: 2px solid var(--eas-focus) !important; outline-offset: 2px !important; }

/* Inputs: visible borders, paired text and placeholder */
html body.lagom .form-control, html body.lagom input.form-control, html body.lagom select.form-control, html body.lagom textarea.form-control, html body.lagom .input-lg, html body.lagom .selectize-input, html body.lagom .selectize-input input { background: var(--eas-input-bg) !important; color: var(--eas-text) !important; border: 1px solid var(--eas-input-border) !important; }
html body.lagom .form-control:focus { border-color: var(--eas-focus) !important; outline: 2px solid var(--eas-focus); outline-offset: 1px; }
html body.lagom .form-control::placeholder, html body.lagom input::placeholder, html body.lagom textarea::placeholder, html body.lagom .selectize-input input::placeholder { color: var(--eas-text-faint) !important; opacity: 1 !important; }
html body.lagom .form-control[disabled], html body.lagom .form-control[readonly], html body.lagom .form-control:disabled { background: var(--eas-surface-2) !important; color: var(--eas-text-faint) !important; opacity: 1 !important; }
html body.lagom .input-group-addon, html body.lagom .input-group-text { background: var(--eas-surface-2) !important; color: var(--eas-text) !important; border-color: var(--eas-input-border) !important; }
html body.lagom .selectize-dropdown, html body.lagom .dropdown-menu, html body.lagom .popover, html body.lagom .tooltip-inner, html body.lagom .modal-content { background: var(--eas-surface) !important; color: var(--eas-text) !important; border: 1px solid var(--eas-line-strong) !important; }
html body.lagom .selectize-dropdown .option, html body.lagom .dropdown-menu > li > a, html body.lagom .dropdown-item, html body.lagom .dropdown-menu a { color: var(--eas-text) !important; background: transparent !important; }
html body.lagom .selectize-dropdown .active, html body.lagom .dropdown-menu > li > a:hover, html body.lagom .dropdown-item:hover, html body.lagom .dropdown-menu a:hover { background: var(--eas-surface-2) !important; color: var(--eas-text) !important; }
html body.lagom .modal-header, html body.lagom .modal-footer, html body.lagom .modal-title { color: var(--eas-text) !important; background: transparent !important; border-color: var(--eas-line) !important; }
html body.lagom .close, html body.lagom .modal .close { color: var(--eas-text) !important; opacity: 1 !important; text-shadow: none; }
html body.lagom .main-body-has-sidebar .main-body-content, html body.lagom.page-login .main-body-content { background: var(--eas-surface) !important; }
html body.lagom .login-title, html body.lagom .login-wrapper label, html body.lagom .login-wrapper p, html body.lagom .login-wrapper a:not(.btn) { color: var(--eas-text) !important; }
html body.lagom .login-wrapper a:not(.btn) { color: var(--eas-accent) !important; }

/* Alerts, badges, labels */
html body.lagom .alert, html body.lagom .alert * { opacity: 1; }
html body.lagom .alert-success, html body.lagom .label-success, html body.lagom .badge-success, html body.lagom .status-active { background: var(--eas-ok-bg) !important; color: var(--eas-ok-fg) !important; border: 1px solid var(--eas-ok-fg) !important; }
html body.lagom .alert-danger, html body.lagom .alert-error, html body.lagom .label-danger, html body.lagom .badge-danger, html body.lagom .status-cancelled, html body.lagom .status-terminated, html body.lagom .status-unpaid, html body.lagom .status-overdue { background: var(--eas-bad-bg) !important; color: var(--eas-bad-fg) !important; border: 1px solid var(--eas-bad-fg) !important; }
html body.lagom .alert-warning, html body.lagom .label-warning, html body.lagom .badge-warning, html body.lagom .status-pending, html body.lagom .status-suspended { background: var(--eas-warn-bg) !important; color: var(--eas-warn-fg) !important; border: 1px solid var(--eas-warn-fg) !important; }
html body.lagom .alert-info, html body.lagom .label-info, html body.lagom .badge-info { background: var(--eas-info-bg) !important; color: var(--eas-info-fg) !important; border: 1px solid var(--eas-info-fg) !important; }
html body.lagom .alert a, html body.lagom .alert strong, html body.lagom .alert .alert-link { color: inherit !important; text-decoration: underline; }
html body.lagom .label, html body.lagom .badge, html body.lagom .label-default, html body.lagom .badge-default { background: var(--eas-surface-2); color: var(--eas-text); border: 1px solid var(--eas-line-strong); }

/* Tables, lists, tabs, pagination, breadcrumbs outside the band */
html body.lagom .table, html body.lagom .table td, html body.lagom .table-striped > tbody > tr:nth-of-type(odd) { background-color: transparent; color: var(--eas-text-dim); }
html body.lagom .table-striped > tbody > tr:nth-of-type(odd) > td { background: var(--eas-surface-2) !important; }
html body.lagom .table > thead > tr > th { color: var(--eas-text) !important; }
html body.lagom .list-group-item { background: var(--eas-surface); color: var(--eas-text-dim); border-color: var(--eas-line); }
html body.lagom .nav-tabs > li > a, html body.lagom .nav-tabs .nav-link, html body.lagom .nav-pills > li > a { color: var(--eas-text-dim) !important; background: transparent !important; }
html body.lagom .nav-tabs > li.active > a, html body.lagom .nav-tabs .nav-link.active, html body.lagom .nav-pills > li.active > a { color: var(--eas-text) !important; border-bottom: 2px solid var(--eas-text) !important; font-weight: 700; }
html body.lagom .pagination > li > a, html body.lagom .pagination > li > span, html body.lagom .page-link { background: var(--eas-surface) !important; color: var(--eas-text) !important; border: 1px solid var(--eas-line-strong) !important; }
html body.lagom .pagination > .active > a, html body.lagom .pagination > .active > span, html body.lagom .page-item.active .page-link { background: var(--eas-btn-bg) !important; color: var(--eas-btn-fg) !important; }
html body.lagom .pagination > .disabled > a, html body.lagom .page-item.disabled .page-link { color: var(--eas-text-faint) !important; }
html body.lagom .breadcrumb li, html body.lagom .breadcrumb li.active, html body.lagom .breadcrumb > .active { color: var(--eas-text-dim); opacity: 1; }
html body.lagom .panel, html body.lagom .panel-body, html body.lagom .panel-heading, html body.lagom .panel-title, html body.lagom .panel-footer, html body.lagom .tile, html body.lagom .package { color: var(--eas-text-dim); }
html body.lagom .panel-heading, html body.lagom .panel-title, html body.lagom .panel-footer { background: transparent !important; color: var(--eas-text) !important; border-color: var(--eas-line) !important; }
html body.lagom .panel-footer, html body.lagom .panel-footer * { color: var(--eas-text-dim) !important; }
html body.lagom .summary-list .list-item, html body.lagom .order-summary, html body.lagom .summary-container { color: var(--eas-text-dim); }
html body.lagom .main-body-sidebar .btn, html body.lagom .main-body-sidebar a:not(.btn) { color: var(--eas-ink-text) !important; }

/* Cookie and consent notice */
html body.lagom .cookie-notice, html body.lagom .cookie-consent, html body.lagom #cookieconsent, html body.lagom .cc-window, html body.lagom [class*="cookie"] { background: var(--eas-surface) !important; color: var(--eas-text) !important; border-color: var(--eas-line-strong) !important; }
html body.lagom [class*="cookie"] a, html body.lagom .cc-window a { color: var(--eas-accent) !important; }

/* Footer */
html body.lagom .main-footer, html body.lagom .main-footer p, html body.lagom .main-footer li, html body.lagom .main-footer span, html body.lagom .main-footer small, html body.lagom .main-footer .text-muted { color: var(--eas-ink-dim) !important; opacity: 1 !important; }
html body.lagom .main-footer a { color: var(--eas-ink-text) !important; }

/* Plan cards: category pages use #eas-plans-section, brand pages use #eas-pricing-section. Same markup, one design. */
#eas-plans-section .eas-toggle-label { color: var(--eas-text-faint) !important; font-weight: 600; }
#eas-plans-section .eas-toggle-label.active { color: var(--eas-text) !important; }
#eas-plans-section .eas-card { background: var(--eas-surface) !important; background-image: none !important; border: 1px solid var(--eas-line-strong) !important; border-radius: 8px !important; box-shadow: none !important; backdrop-filter: none !important; }
#eas-plans-section .eas-card::before, #eas-plans-section .eas-card::after, #eas-plans-section .eas-card-header::before, #eas-plans-section .eas-card-header::after { display: none !important; }
#eas-plans-section .eas-card-header, #eas-plans-section .eas-card-body { background: transparent !important; background-image: none !important; border-color: var(--eas-line) !important; }
#eas-plans-section .eas-icon-wrap { background: transparent !important; border: 1px solid var(--eas-line-strong) !important; box-shadow: none !important; color: var(--eas-text) !important; }
#eas-plans-section .eas-icon-wrap svg { stroke: var(--eas-text) !important; }
#eas-plans-section .eas-plan-name { color: var(--eas-text-faint) !important; }
#eas-plans-section .eas-tagline, #eas-plans-section .eas-price-amount, #eas-plans-section .eas-features strong, #eas-plans-section .eas-features li strong { color: var(--eas-text) !important; }
#eas-plans-section .eas-subtext, #eas-plans-section .eas-features li, #eas-plans-section .eas-billing-note { color: var(--eas-text-dim) !important; }
#eas-plans-section .eas-price-suffix, #eas-plans-section .eas-price-note, #eas-plans-section .eas-best-for, #eas-plans-section .eas-best-for strong { color: var(--eas-text-faint) !important; }
#eas-plans-section .eas-best-for { border-top-color: var(--eas-line) !important; }
#eas-plans-section .eas-features li::before { background-color: transparent !important; border-color: var(--eas-accent) !important; }
#eas-plans-section .eas-cta.primary, #eas-pricing-section .eas-cta.primary, #eas-plans-section .eas-cta, #eas-pricing-section .eas-cta { background: var(--eas-btn-bg) !important; border: 2px solid var(--eas-btn-bg) !important; color: var(--eas-btn-fg) !important; }
#eas-plans-section .eas-cta.outline, #eas-pricing-section .eas-cta.outline { background: transparent !important; border: 2px solid var(--eas-text) !important; color: var(--eas-text) !important; }
#eas-plans-section .eas-cta:hover, #eas-pricing-section .eas-cta:hover { background: var(--eas-btn-bg-hover) !important; border-color: var(--eas-btn-bg-hover) !important; color: var(--eas-btn-fg) !important; }
#eas-plans-section .eas-cta.outline:hover, #eas-pricing-section .eas-cta.outline:hover { background: var(--eas-text) !important; border-color: var(--eas-text) !important; color: var(--eas-bg) !important; }
#eas-plans-section .eas-badge-popular, #eas-pricing-section .eas-badge-popular { background: var(--eas-text) !important; color: var(--eas-bg) !important; }
#eas-plans-section .eas-card.featured, #eas-pricing-section .eas-card.featured { background: var(--eas-ink) !important; border: 2px solid var(--eas-ink-accent) !important; box-shadow: none !important; }
#eas-plans-section .eas-card.featured .eas-card-header, #eas-plans-section .eas-card.featured .eas-card-body { border-color: var(--eas-ink-line) !important; }
#eas-plans-section .eas-card.featured .eas-tagline, #eas-plans-section .eas-card.featured .eas-price-amount, #eas-plans-section .eas-card.featured .eas-features strong, #eas-plans-section .eas-card.featured .eas-features li strong { color: var(--eas-ink-text) !important; }
#eas-plans-section .eas-card.featured .eas-subtext, #eas-plans-section .eas-card.featured .eas-features li, #eas-plans-section .eas-card.featured .eas-plan-name, #eas-plans-section .eas-card.featured .eas-price-suffix, #eas-plans-section .eas-card.featured .eas-price-note, #eas-plans-section .eas-card.featured .eas-best-for, #eas-plans-section .eas-card.featured .eas-best-for strong { color: var(--eas-ink-dim) !important; }
#eas-plans-section .eas-card.featured .eas-icon-wrap { border-color: var(--eas-ink-line) !important; }
#eas-plans-section .eas-card.featured .eas-icon-wrap svg { stroke: var(--eas-ink-text) !important; }
#eas-plans-section .eas-card.featured .eas-cta, #eas-pricing-section .eas-card.featured .eas-cta { background: var(--eas-ink-accent) !important; border-color: var(--eas-ink-accent) !important; color: #0A0B0D !important; }
#eas-plans-section .eas-card.featured .eas-cta.outline { background: transparent !important; border-color: var(--eas-ink-text) !important; color: var(--eas-ink-text) !important; }
#eas-pricing-section .eas-card.featured .eas-cta.outline { background: transparent !important; border: 2px solid var(--eas-ink-text) !important; color: var(--eas-ink-text) !important; }
#eas-pricing-section .eas-card { border-color: var(--eas-line-strong) !important; }
#eas-pricing-section .eas-card.featured { border-color: var(--eas-ink-accent) !important; }
#eas-pricing-section .eas-annual-note, #eas-pricing-section .eas-save-badge { color: var(--eas-accent) !important; border-color: var(--eas-accent) !important; }
#eas-pricing-section .eas-toggle-knob { background: var(--eas-bg) !important; }
#eas-pricing-section .eas-ai-badge { color: var(--eas-text) !important; border-color: var(--eas-text) !important; }
#eas-pricing-section .eas-features i { color: var(--eas-accent) !important; }
#eas-pricing-section .eas-card.featured .eas-features i { color: var(--eas-ink-accent) !important; }
#eas-pricing-section .wpp-dim, #eas-pricing-section .wpp-title { color: var(--eas-term-dim) !important; }

/* Terminal widget inside plan cards stays dark in both modes */
@media (prefers-color-scheme: dark) {
  html body.lagom .app-nav { border-bottom-color: var(--eas-line); }
  html body.lagom .app-nav .app-nav-menu > li > a, html body.lagom .app-nav a:not(.btn) { color: var(--eas-text) !important; }
  html body.lagom .main-body-sidebar { background: var(--eas-ink) !important; }
  html body.lagom .panel-sidebar .list-group-item.active { border-left-color: var(--eas-text) !important; }
}

/* Contrast layer 20261112b: state-proof control rules (ID-weight selectors so hover/focus/autofill variants cannot reintroduce a washed pairing) */
html body.lagom .form-control:not(#_eas), html body.lagom input.form-control:not(#_eas), html body.lagom select.form-control:not(#_eas), html body.lagom textarea.form-control:not(#_eas),
html body.lagom .form-control:not(#_eas):hover, html body.lagom .form-control:not(#_eas):focus, html body.lagom .form-control:not(#_eas):active { background: var(--eas-input-bg) !important; background-color: var(--eas-input-bg) !important; color: var(--eas-text) !important; border: 1px solid var(--eas-input-border) !important; box-shadow: none !important; }
html body.lagom .form-control:not(#_eas):focus { border-color: var(--eas-focus) !important; outline: 2px solid var(--eas-focus) !important; outline-offset: 1px !important; }
html body.lagom .form-control:not(#_eas)::placeholder { color: var(--eas-text-faint) !important; opacity: 1 !important; }
html body.lagom input:-webkit-autofill, html body.lagom input:-webkit-autofill:focus { -webkit-text-fill-color: var(--eas-text) !important; box-shadow: 0 0 0 1000px var(--eas-input-bg) inset !important; }

/* Text pairings that the legacy purple layer and Lagom hard-coded as dark ink. Weighted so they hold in both schemes. */
html body.lagom .list-features .h6:not(#_eas), html body.lagom .list-features li:not(#_eas), html body.lagom .list-features li span:not(#_eas),
html body.lagom .section-title:not(#_eas), html body.lagom .message-title:not(#_eas), html body.lagom .switch-label:not(#_eas), html body.lagom .text-heading-color:not(#_eas),
html body.lagom label:not(#_eas), html body.lagom .control-label:not(#_eas), html body.lagom .list-group-item-heading:not(#_eas), html body.lagom .tld-name:not(#_eas),
html body.lagom .domain-tld .tld-name:not(#_eas), html body.lagom .font-weight-medium:not(#_eas) { color: var(--eas-text) !important; }
html body.lagom .text-lighter-color:not(#_eas), html body.lagom .login-divider span:not(#_eas), html body.lagom .login-divider:not(#_eas), html body.lagom .desc:not(#_eas),
html body.lagom .list-group-item-text:not(#_eas), html body.lagom .selected-dial-code:not(#_eas), html body.lagom .p-xs:not(#_eas), html body.lagom .small-font:not(#_eas),
html body.lagom .markdown-save:not(#_eas), html body.lagom .ticket-attachments-message:not(#_eas), html body.lagom #passwordStrengthTextLabel:not(#_eas),
html body.lagom .announcement-date:not(#_eas), html body.lagom .tld-price span:not(#_eas), html body.lagom .tld-price:not(#_eas), html body.lagom .p-md:not(#_eas) { color: var(--eas-text-faint) !important; }
html body.lagom .main-header .section-title:not(#_eas), html body.lagom .main-header label:not(#_eas) { color: var(--eas-ink-text) !important; }
html body.lagom .section-body .text-center > span:not(#_eas), html body.lagom .add-extra-attachement:not(#_eas), html body.lagom .add-extra-attachement span:not(#_eas) { color: var(--eas-text-faint) !important; }