/* ============================================================ Andreas Advocates - Slate (dark) theme Deep navy surfaces + warm brass accent + cream text. The third theme that genuinely shifts the visual register - late-night chambers, lit by a brass lamp. Overrides via [data-theme="slate"] attribute on . ============================================================ */ [data-theme="slate"] { --aa-primary: #4a6b8c; /* steel - used as text on dark bg, also button bg */ --aa-primary-dark: #5e7fa3; /* hover - lighter, since theme is dark */ --aa-accent: #b89a63; /* warm brass - reads beautifully on dark */ --aa-accent-soft: #d4b483; --aa-paper: #1d2c3a; /* slightly lighter dark for paper sections */ --aa-paper-deep: #14202b; --aa-ink: #ede4d3; /* warm cream body text */ --aa-ink-soft: #b8b0a3; /* muted cream */ --aa-muted: #7a8290; --aa-line: #2c3e50; --aa-line-soft: #1f2c39; --aa-bg: #0e1822; /* deep navy page background */ --aa-bg-elevated: #1d2c3a; } /* Body + shell */ [data-theme="slate"] body { background: var(--aa-bg); color: var(--aa-ink); } [data-theme="slate"] .aa-shell ::selection { background: var(--aa-accent); color: var(--aa-bg); } [data-theme="slate"] .aa-shell ::-moz-selection { background: var(--aa-accent); color: var(--aa-bg); } /* Headings */ [data-theme="slate"] h1, [data-theme="slate"] h2, [data-theme="slate"] h3, [data-theme="slate"] h4, [data-theme="slate"] h5, [data-theme="slate"] h6 { color: var(--aa-ink); } /* Links default to the brass accent for readability on dark */ [data-theme="slate"] a { color: var(--aa-accent); } [data-theme="slate"] a:hover { color: var(--aa-accent-soft); } /* Paragraphs */ [data-theme="slate"] p { color: var(--aa-ink-soft); } /* Nav */ [data-theme="slate"] .aa-nav { background: var(--aa-bg-elevated); border-bottom: 1px solid var(--aa-line); } [data-theme="slate"] .aa-nav__brand-text strong { color: var(--aa-ink); } [data-theme="slate"] .aa-nav__brand-text span { color: var(--aa-muted); } [data-theme="slate"] .aa-nav__link { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-nav__link:hover, [data-theme="slate"] .aa-nav__link.is-active { color: var(--aa-accent); } [data-theme="slate"] .aa-nav__group-btn { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-nav__group-btn:hover, [data-theme="slate"] .aa-nav__group.is-active .aa-nav__group-btn { color: var(--aa-accent); } [data-theme="slate"] .aa-nav__menu { background: var(--aa-bg-elevated); border-color: var(--aa-line); } [data-theme="slate"] .aa-nav__menu-link { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-nav__menu-link strong { color: var(--aa-ink); } [data-theme="slate"] .aa-nav__menu-link:hover { background: rgba(184, 154, 99, 0.08); } [data-theme="slate"] .aa-nav__cta { background: var(--aa-accent); color: var(--aa-bg); border-color: var(--aa-accent); } [data-theme="slate"] .aa-nav__cta:hover { background: var(--aa-accent-soft); } [data-theme="slate"] .aa-nav__portal { color: var(--aa-ink-soft); border-color: var(--aa-line); } [data-theme="slate"] .aa-nav__portal:hover { color: var(--aa-accent); border-color: var(--aa-accent); } [data-theme="slate"] .aa-nav__toggle span { background: var(--aa-ink); } /* Hero */ [data-theme="slate"] .aa-hero { background: radial-gradient(ellipse at top, rgba(184, 154, 99, 0.10) 0%, transparent 60%), linear-gradient(180deg, var(--aa-bg) 0%, var(--aa-paper-deep) 100%); color: var(--aa-ink); } /* The 1px ornament line at the top of the hero - keep it as brass so it reads as a bright accent on the dark surface. */ [data-theme="slate"] .aa-hero::before { background: var(--aa-accent); } [data-theme="slate"] .aa-hero__ornament { color: var(--aa-accent); } [data-theme="slate"] .aa-hero__crest { color: var(--aa-accent); border-color: var(--aa-accent-soft); } [data-theme="slate"] .aa-hero__lead { color: var(--aa-ink-soft); } /* Eyebrows stay accent gold - they pop on dark */ [data-theme="slate"] .aa-eyebrow { color: var(--aa-accent); } /* Trustbar */ [data-theme="slate"] .aa-trustbar { background: var(--aa-paper); border-color: var(--aa-line); } [data-theme="slate"] .aa-trustbar__num { color: var(--aa-accent); } [data-theme="slate"] .aa-trustbar__label { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-trustbar__item + .aa-trustbar__item::before { background: var(--aa-line); } /* Sections */ [data-theme="slate"] .aa-section--paper { background: var(--aa-paper); } [data-theme="slate"] .aa-section--soft { background: var(--aa-bg-elevated); } [data-theme="slate"] .aa-section--deep { background: var(--aa-paper-deep); color: var(--aa-ink); } [data-theme="slate"] .aa-section + .aa-section:not(.aa-section--paper):not(.aa-section--deep):not(.aa-section--soft):not(.aa-section--no-rule)::before { background: var(--aa-line); } /* Service rows */ [data-theme="slate"] .aa-service-row { border-bottom-color: var(--aa-line-soft); } [data-theme="slate"] .aa-service-row__head h3 { color: var(--aa-ink); } [data-theme="slate"] .aa-service-row:hover .aa-service-row__head h3 { color: var(--aa-accent); } /* Practice area cards */ [data-theme="slate"] .aa-area { background: var(--aa-bg-elevated); border-color: var(--aa-line); } [data-theme="slate"] .aa-area:hover { background: var(--aa-paper); border-color: var(--aa-accent); } [data-theme="slate"] .aa-area__num { color: var(--aa-accent); } [data-theme="slate"] .aa-area__title { color: var(--aa-ink); } [data-theme="slate"] .aa-area__desc { color: var(--aa-ink-soft); } /* Pillars */ [data-theme="slate"] .aa-pillar h3 { color: var(--aa-ink); } [data-theme="slate"] .aa-pillar__mark { background: var(--aa-accent); } /* Buttons */ [data-theme="slate"] .aa-btn--primary { background: var(--aa-accent); color: var(--aa-bg); border-color: var(--aa-accent); } [data-theme="slate"] .aa-btn--primary:hover { background: var(--aa-accent-soft); } [data-theme="slate"] .aa-btn--ghost { background: transparent; color: var(--aa-ink); border-color: var(--aa-line); } [data-theme="slate"] .aa-btn--ghost:hover { background: var(--aa-paper); border-color: var(--aa-accent); color: var(--aa-accent); } [data-theme="slate"] .aa-btn--accent { background: var(--aa-primary); color: var(--aa-ink); border-color: var(--aa-primary); } [data-theme="slate"] .aa-btn--accent:hover { background: var(--aa-primary-dark); } /* Island block */ [data-theme="slate"] .aa-island__media { background: var(--aa-paper); } [data-theme="slate"] .aa-island__copy h2 { color: var(--aa-ink); } /* CTA strip */ [data-theme="slate"] .aa-cta-strip { background: var(--aa-bg-elevated); border-color: var(--aa-line); color: var(--aa-ink); } [data-theme="slate"] .aa-cta-strip h2 { color: var(--aa-ink); } [data-theme="slate"] .aa-cta-strip p { color: var(--aa-ink-soft); } /* Pagehead */ [data-theme="slate"] .aa-pagehead { background: var(--aa-bg); color: var(--aa-ink); } [data-theme="slate"] .aa-pagehead h1 { color: var(--aa-ink); } [data-theme="slate"] .aa-pagehead p { color: var(--aa-ink-soft); } /* Back link on practice-area detail pages */ [data-theme="slate"] .aa-back-link { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-back-link:hover { color: var(--aa-accent); } /* Info cards (used on dedicated practice-area pages) */ [data-theme="slate"] .aa-info-card { background: var(--aa-paper); border-color: var(--aa-line); border-left-color: var(--aa-accent); } [data-theme="slate"] .aa-info-card h4 { color: var(--aa-accent); } [data-theme="slate"] .aa-info-card p { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-info-card strong { color: var(--aa-ink); } /* Service row link variant on Practice areas hub */ [data-theme="slate"] .aa-service-row--link { color: var(--aa-ink); } [data-theme="slate"] .aa-service-row--link:hover { background: var(--aa-paper); } [data-theme="slate"] .aa-service-row__more { color: var(--aa-accent); } /* Portal callout */ [data-theme="slate"] .aa-portal-callout { background: var(--aa-paper); border-color: var(--aa-line); } [data-theme="slate"] .aa-portal-callout strong { color: var(--aa-ink); } [data-theme="slate"] .aa-portal-callout p { color: var(--aa-ink-soft); } /* Portal band (dark section showcasing the portal) */ [data-theme="slate"] .aa-portal-band { background: var(--aa-paper-deep); } [data-theme="slate"] .aa-portal-band__card { background: var(--aa-bg-elevated); border-color: var(--aa-line); } /* Forms */ [data-theme="slate"] .aa-form input, [data-theme="slate"] .aa-form textarea, [data-theme="slate"] .aa-form select { background: var(--aa-paper); color: var(--aa-ink); border-color: var(--aa-line); } [data-theme="slate"] .aa-form input::placeholder, [data-theme="slate"] .aa-form textarea::placeholder { color: var(--aa-muted); } [data-theme="slate"] .aa-form input:hover, [data-theme="slate"] .aa-form textarea:hover, [data-theme="slate"] .aa-form select:hover { border-color: var(--aa-accent); } [data-theme="slate"] .aa-form input:focus, [data-theme="slate"] .aa-form textarea:focus, [data-theme="slate"] .aa-form select:focus { border-color: var(--aa-accent); box-shadow: 0 0 0 1px var(--aa-accent), 0 0 0 4px rgba(184, 154, 99, 0.16); } [data-theme="slate"] .aa-form label { color: var(--aa-ink-soft); } /* Contact info panel */ [data-theme="slate"] .aa-contact-info h3 { color: var(--aa-accent); } [data-theme="slate"] .aa-contact-info p { color: var(--aa-ink); } [data-theme="slate"] .aa-contact-info a { color: var(--aa-accent); } [data-theme="slate"] .aa-contact-list > div { border-bottom-color: var(--aa-line); } [data-theme="slate"] .aa-contact-list dt { color: var(--aa-muted); } [data-theme="slate"] .aa-contact-list dd { color: var(--aa-ink); } [data-theme="slate"] .aa-contact-regs { border-top-color: var(--aa-line); color: var(--aa-muted) !important; } /* Team / members */ [data-theme="slate"] .aa-member__photo { background: var(--aa-paper); border-color: var(--aa-line); } [data-theme="slate"] .aa-member__name { color: var(--aa-ink); } [data-theme="slate"] .aa-member__creds { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-team-card { background: var(--aa-bg-elevated); border-color: var(--aa-line); } [data-theme="slate"] .aa-team-card__photo { background: var(--aa-paper); } [data-theme="slate"] .aa-team-card__name { color: var(--aa-ink); } [data-theme="slate"] .aa-team-card__bio { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-partners-note { background: var(--aa-paper); border-color: var(--aa-line); color: var(--aa-ink-soft); } [data-theme="slate"] .aa-partners-note strong { color: var(--aa-ink); } /* Articles (Insights) */ [data-theme="slate"] .aa-article-card { background: var(--aa-bg-elevated); border-color: var(--aa-line); } [data-theme="slate"] .aa-article-card h2 { color: var(--aa-ink); } [data-theme="slate"] .aa-article-card__lead { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-tag { background: var(--aa-paper); color: var(--aa-accent); border-color: var(--aa-line); } /* Footer */ [data-theme="slate"] .aa-foot { background: var(--aa-paper-deep); border-top: 1px solid var(--aa-line); } [data-theme="slate"] .aa-foot__heading { color: var(--aa-accent); } [data-theme="slate"] .aa-foot__brand { color: var(--aa-ink); } [data-theme="slate"] .aa-foot__addr, [data-theme="slate"] .aa-foot__txt { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-foot__link { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-foot__link:hover { color: var(--aa-accent); } [data-theme="slate"] .aa-foot__hours { color: var(--aa-ink-soft); } [data-theme="slate"] .aa-foot__hours li { border-bottom-color: var(--aa-line); } [data-theme="slate"] .aa-foot__bar { border-top-color: var(--aa-line); } /* Pullquote */ [data-theme="slate"] .aa-pullquote-band { background: var(--aa-paper-deep); }