/* seby-shell/seby-shell.css — Seby brand token set, canonical light shell. Single source of truth for all *.seby.com.au surfaces. Mirrors ~/shared-brain/brand/tokens/seby.css (update both together). RM-572 light-fleet canon — 2026-07-22. RULE: No `@media (prefers-color-scheme: dark)` block here. Dark is explicit-only: `[data-theme="dark"]` on . No Seby surface sets that today — every surface is always light. */ :root { /* ── Greens (the one accent family) ── */ --green-forest: #0C0C0C; /* near-black: dark band, footer, buttons, dark text (olive #163300 retired 2026-06-09) */ --green-forest2: #000000; /* button hover */ --green-accent: #1A7F4B; /* emerald — lead text accent: kickers, links, numerals */ --green-bright: #AAE284; /* brand light-green — hero panel + tiny pops only */ --green-bright2: #97D26E; /* ── Neutrals (cool near-white, Wise/Apple-calm) ── */ --ink: #0C0C0C; /* headings + primary text */ --body: #565953; /* body copy */ --muted: #9A9C96; /* eyebrow / muted labels */ --cream: #F3F8EC; /* ambient green-washed near-white page background */ --cream-2: #E9F2DA; /* greener tint for alternate sections */ --white: #FFFFFF; /* cards, white sections */ --line: #E9EBE6; /* hairline borders */ --line-soft: #F2F3EF; /* ── Surface aliases (light-first, no dark flip) ── */ --bg: var(--cream); /* page background */ --fg: var(--ink); /* primary text */ --accent: var(--green-bright); --surface: var(--white); --border: var(--line); /* ── Card float shadows (RM-615 canon, 2026-07-23) ── Marketing lane: green-tinted cast (matches cream field). App lane: cool navy. -sm = resting fleet float; -lg = hero/featured/champion 3-layer. */ --shadow-float-sm: 0 2px 4px rgba(12,12,12,.04), 0 12px 28px -10px rgba(20,40,18,.12); --shadow-float-lg: 0 2px 4px rgba(12,12,12,.04), 0 10px 22px -8px rgba(12,12,12,.09), 0 30px 56px -18px rgba(20,40,18,.16); --shadow-float-app-sm: 0 2px 4px rgba(26,37,48,.05), 0 12px 28px -10px rgba(26,37,48,.13); --shadow-float-app-lg: 0 2px 4px rgba(26,37,48,.05), 0 10px 22px -8px rgba(26,37,48,.10), 0 30px 56px -18px rgba(26,37,48,.18); /* ── Shape & space ── */ --radius: 22px; --radius-sm: 14px; --radius-pill: 999px; --maxw: 1140px; --section-pad: 124px; /* ── Typography ── */ --font-display: 'Inter Tight', system-ui, -apple-system, sans-serif; --font-body: 'Inter', system-ui, -apple-system, sans-serif; --tracking-display: -0.02em; --tracking-kicker: 0.12em; /* ── App lane (RM-518 shared shell: team.seby.com.au AppSidebar chrome) ── Canonical implementation: ~/shared-brain/command-centers/shared_shell.py (SIDEBAR_CSS) + template/_server/team-portal/src/components/AppSidebar.astro. These tokens MIRROR that contract — change there first, then here. Light by construction: #F6F7FB page, white sidebar/topbar, Poppins. */ --app-max: 1200px; --app-pad: 72px; --app-bg: #F6F7FB; /* app-lane page background — light, never auto-dark */ --app-ink: #1A2530; /* app-lane primary text */ --app-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } /* Dark theme — EXPLICIT ONLY, never triggered by prefers-color-scheme. No Seby surface uses this today. Kept for completeness so the token set is future-proof without leaking auto-dark onto live surfaces. */ [data-theme="dark"] { --bg: #0D0F0C; --fg: #F3F8EC; --surface: #111310; --border: #2A2C28; --muted: #6B6E66; }