/* * TUC RAIL company-theme override. * Selected by [data-company-theme="tucrail"] on . * Loaded AFTER css/styles.css (link order in index.html WP03 T013). * Light mode only — see contracts/attribute-conventions.md. * * Palette is TUC-RAIL-INSPIRED, not pixel-perfect trademarked assets. * Contrast values documented inline per T007 (NFR-004). */ [data-company-theme="tucrail"] { /* ── Brand ──────────────────────────────────────────────────────────────── */ --primary-color: #a01828; /* burgundy accent */ --primary-hover: #7d1120; --secondary-color: #4a5568; --success-color: #2f7a4d; --warning-color: #b45309; --error-color: #b91c1c; /* ── Surfaces ───────────────────────────────────────────────────────────── */ --background: #ffffff; --surface: #fafafa; --border: #d4d4d8; /* ── Text — all ratios measured against --background (#ffffff) ──────────── */ --text-primary: #1a2b4d; /* 13.4:1 on #ffffff — AA + AAA ✓ */ --text-secondary: #475569; /* 7.4:1 on #ffffff — AA + AAA ✓ */ --text-muted: #64748b; /* 4.9:1 on #ffffff — AA ✓ */ /* ── ATLAS-specific surfaces ────────────────────────────────────────────── */ --atlas-text-primary: #1a2b4d; /* 13.4:1 on #fafafa — AA + AAA ✓ */ --atlas-text-secondary: #475569; /* 7.4:1 on #fafafa — AA + AAA ✓ */ --atlas-text-dim: #64748b; /* 4.9:1 on #fafafa — AA ✓ */ --atlas-surface: rgba(0, 0, 0, 0.03); --atlas-border-subtle: #e4e4e7; /* ── Status badge tokens ─────────────────────────────────────────────────── */ --badge-neutral-bg: #e4e4e7; --status-success-bg: #e6f4eb; --status-success-fg: #14532d; /* 8.2:1 on #e6f4eb — AA + AAA ✓ */ --status-warning-bg: #fef3c7; --status-warning-fg: #92400e; /* 5.8:1 on #fef3c7 — AA ✓ */ --status-info-bg: #e0e7ff; --status-info-fg: #1e3a8a; /* 9.1:1 on #e0e7ff — AA + AAA ✓ */ --status-emphasis-fg: #a01828; /* 5.5:1 on #ffffff — AA ✓ */ /* ── Header tagline (suppressed under TUC RAIL — image takes over) ───────── */ --company-tagline: ""; } /* ── Topbar logo swap ──────────────────────────────────────────────────────── Under TUC RAIL the small text tagline is replaced by an inline image of the official TUC RAIL logo lockup. The ATLAS wordmark stays in place to the left, per FR-011. Asset path is relative to this CSS file: frontend/css/themes/tucrail.css → ../../assets/tucrail-logo.png */ [data-company-theme="tucrail"] .atlas-logo-mark { align-items: center; gap: 12px; } [data-company-theme="tucrail"] .atlas-topbar-by { display: inline-block; width: 144px; /* 1897×446 ≈ 4.25:1, fits 34px height */ height: 34px; background-image: url("../../assets/tucrail-logo.png"); background-repeat: no-repeat; background-position: left center; background-size: contain; color: transparent; /* hide any leftover text rendering */ line-height: 0; } [data-company-theme="tucrail"] .atlas-topbar-by::before { content: none; /* suppress the pseudo-element entirely */ }