/* * ══════════════════════════════════════════════════════════════════ * OmniLand Arcology — Unified Design System * omniland.ca · Omnia Theatre Inc. · 2026 * * Dark theme for screen. Auto-flips to light for print. * Shared by: index.html (Master Plan) + financial-plan.html (Financial Plan) * ══════════════════════════════════════════════════════════════════ */ /* ── DESIGN TOKENS ── */ :root { /* Forest palette */ --forest-deep: #0b1510; --forest-mid: #132218; --forest-panel: #1a2e1e; --forest-light: #243d28; --moss: #3d6b47; --fern: #5a8f68; --sage: #8bb89a; /* Brand accents */ --omnia-blue: #00b8ff; --omnia-purple: #7863ff; --gold: #c9a84c; --amber: #e8c97a; --cedar: #6b3e26; /* Functional */ --text-primary: #e8f5ec; --text-secondary: #a8c8b2; --text-muted: #6b8f76; --border: rgba(90,143,104,0.25); --border-bright: rgba(0,184,255,0.4); /* Financial plan extras */ --bg: #ffffff; --bg2: #f7f9f7; --bg3: #edf3ee; --border-fin: #d4dfd5; --text-fin: #1a2420; --text2-fin: #3a4a3d; --text3-fin: #6b8f76; --red: #8b1a1a; --red-light: #c94c4c; --blue-fin: #005c80; --blue-light: #00b8ff; --purple: #5a4abf; } /* ── RESET ── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } /* ── BASE ── */ body { font-family: 'Open Sans', sans-serif; background: var(--forest-deep); color: var(--text-primary); line-height: 1.7; font-size: 16px; } /* Financial plan body variant — applied via .doc-financial on */ body.doc-financial { background: var(--bg); color: var(--text-fin); font-size: 14px; } /* ── LAYOUT ── */ .page-wrapper, .page-wrap { display: flex; min-height: 100vh; } /* ══════════════════════════════════════════ SIDEBAR ══════════════════════════════════════════ */ #sidebar { width: 280px; min-width: 280px; background: var(--forest-panel); border-right: 1px solid var(--border); position: sticky; top: 0; height: 100vh; overflow-y: auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; z-index: 100; print-color-adjust: exact; -webkit-print-color-adjust: exact; } /* Financial plan sidebar variant */ body.doc-financial #sidebar { width: 240px; min-width: 240px; background: var(--forest-mid); color: #e8f5ec; padding: 1.75rem 1.25rem; } /* Logo area */ #sidebar .logo-wrap { margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border); } #sidebar .logo-wrap img { width: 140px; filter: brightness(1.1); } #sidebar .logo { font-size: 1.1rem; font-weight: 800; color: var(--amber); letter-spacing: 0.05em; margin-bottom: 0.25rem; } #sidebar .logo-sub { font-size: 0.6rem; color: rgba(255,255,255,0.4); letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 1.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.1); } #sidebar .tagline { font-size: 0.65rem; color: var(--text-muted); letter-spacing: 0.15em; text-transform: uppercase; margin-top: 0.5rem; } /* Nav sections */ #sidebar nav h6 { font-size: 0.6rem; color: var(--moss); letter-spacing: 0.2em; text-transform: uppercase; margin: 1.5rem 0 0.5rem; font-weight: 700; } /* Nav links */ #sidebar nav a, #sidebar a { display: block; padding: 0.35rem 0.75rem; border-radius: 6px; color: var(--text-secondary); text-decoration: none; font-size: 0.82rem; transition: all 0.2s; border-left: 2px solid transparent; margin-bottom: 2px; } #sidebar nav a:hover, #sidebar a:hover { color: var(--text-primary); background: rgba(90,143,104,0.12); border-left-color: var(--fern); } #sidebar nav a.active { color: var(--amber); border-left-color: var(--gold); background: rgba(201,168,76,0.08); } /* Cross-document link — styled distinctively */ #sidebar .cross-link { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.75rem; margin: 0.5rem 0; border-radius: 6px; background: rgba(0,184,255,0.07); border: 1px solid rgba(0,184,255,0.2); color: var(--omnia-blue); text-decoration: none; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; transition: all 0.2s; } #sidebar .cross-link:hover { background: rgba(0,184,255,0.14); border-color: rgba(0,184,255,0.45); color: #fff; } #sidebar .cross-link .arrow { opacity: 0.7; font-size: 0.9em; } /* Sidebar badges */ .sidebar-badge { font-size: 0.58rem; background: var(--forest-light); color: var(--sage); padding: 2px 6px; border-radius: 3px; margin-left: 4px; vertical-align: middle; } /* Sidebar footer */ #sidebar .sidebar-footer, #sidebar .disclaimer { margin-top: auto; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.62rem; color: rgba(255,255,255,0.3); line-height: 1.6; } #sidebar .sidebar-footer div { margin-bottom: 0.2rem; } #sidebar .sidebar-footer .footer-domain { color: var(--fern); margin-top: 0.5rem; } /* ══════════════════════════════════════════ MAIN CONTENT ══════════════════════════════════════════ */ #main { flex: 1; overflow-x: hidden; } body.doc-financial #main { max-width: 960px; } /* ── SECTIONS ── */ .section { padding: 5rem 4rem; border-bottom: 1px solid var(--border); } .section:nth-child(even) { background: rgba(26,46,30,0.3); } body.doc-financial .section { padding: 3.5rem 3.5rem; border-bottom: 1px solid var(--border-fin); } body.doc-financial .section:nth-child(even) { background: var(--bg2); } /* ── COVER ── */ #cover { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 6rem 4rem; background: linear-gradient(160deg, #0b1510 0%, #132218 40%, #1a2e1e 100%); position: relative; overflow: hidden; } #cover::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 20% 50%, rgba(0,184,255,0.06) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(90,143,104,0.08) 0%, transparent 50%); pointer-events: none; } /* Financial cover variant */ body.doc-financial #cover { padding: 4rem 3.5rem 3rem; background: var(--forest-mid); color: #e8f5ec; min-height: auto; page-break-after: always; flex-direction: column; display: block; } body.doc-financial #cover::before { display: none; } /* Cover type */ .cover-eyebrow { font-size: 0.7rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--fern); font-weight: 700; margin-bottom: 1.5rem; } .cover-title { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 900; line-height: 1.05; color: var(--text-primary); margin-bottom: 1rem; } .cover-title .highlight, .cover-title span.highlight { color: var(--gold); font-style: italic; } .cover-subtitle { font-size: 1.25rem; color: var(--text-secondary); max-width: 600px; margin-bottom: 2.5rem; font-weight: 300; } .cover-divider, .cover-bar { width: 80px; height: 3px; background: linear-gradient(90deg, var(--gold), var(--omnia-blue)); margin: 2rem 0; border-radius: 2px; } body.doc-financial .cover-bar { width: 60px; margin: 1.75rem 0; } .cover-meta { display: flex; gap: 3rem; flex-wrap: wrap; } .cover-meta-item .label { font-size: 0.65rem; color: var(--text-muted); letter-spacing: 0.15em; text-transform: uppercase; } .cover-meta-item .value { font-size: 1.5rem; font-weight: 800; color: var(--amber); } .cover-meta-item .unit { font-size: 0.75rem; color: var(--text-secondary); } /* Financial cover meta */ body.doc-financial #cover .eyebrow { font-size: 0.62rem; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(106,171,122,0.8); font-weight: 700; margin-bottom: 1rem; } body.doc-financial #cover h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 2.8rem; font-weight: 700; color: #fff; line-height: 1.1; margin-bottom: 0.5rem; } body.doc-financial #cover h1 span { color: var(--amber); font-style: italic; } body.doc-financial #cover .sub { font-size: 1rem; color: rgba(232,245,236,0.7); margin-bottom: 2rem; font-weight: 300; } body.doc-financial #cover .cover-meta { gap: 2rem; border-top: 1px solid rgba(255,255,255,0.15); padding-top: 1.5rem; } body.doc-financial #cover .cm .l { font-size: 0.58rem; text-transform: uppercase; letter-spacing: 0.15em; color: rgba(106,171,122,0.8); } body.doc-financial #cover .cm .v { font-size: 1.4rem; font-weight: 800; color: var(--amber); } body.doc-financial #cover .cm .u { font-size: 0.7rem; color: rgba(255,255,255,0.5); } .cover-footer { position: absolute; bottom: 2.5rem; left: 4rem; right: 4rem; display: flex; justify-content: space-between; align-items: center; opacity: 0.5; font-size: 0.72rem; color: var(--text-muted); letter-spacing: 0.1em; } /* ── SECTION HEADERS ── */ .section-eyebrow, .eyebrow { font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--fern); font-weight: 700; margin-bottom: 0.75rem; } body.doc-financial .eyebrow { font-size: 0.6rem; letter-spacing: 0.25em; color: var(--fern); margin-bottom: 0.5rem; } .section-title { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; color: var(--text-primary); margin-bottom: 0.75rem; line-height: 1.2; } body.doc-financial .section-title { font-size: 1.9rem; color: var(--forest-mid); } .section-title .accent, .section-title span { color: var(--gold); } body.doc-financial .section-title span { color: #8b6200; } .section-lead { font-size: 1.1rem; color: var(--text-secondary); max-width: 720px; margin-bottom: 3rem; font-weight: 300; line-height: 1.8; } body.doc-financial .section-lead { font-size: 0.92rem; color: var(--text2-fin); max-width: 680px; margin-bottom: 2.5rem; line-height: 1.85; } /* ── CARDS ── */ .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 2rem 0; } .card { background: var(--forest-panel); border: 1px solid var(--border); border-radius: 12px; padding: 1.75rem; position: relative; overflow: hidden; transition: border-color 0.2s; } .card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--gold), var(--fern)); border-radius: 12px 12px 0 0; } .card:hover { border-color: var(--border-bright); } .card-icon { font-size: 2rem; margin-bottom: 1rem; } .card-title { font-size: 1rem; font-weight: 700; color: var(--amber); margin-bottom: 0.5rem; } .card-body { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.7; } /* Financial doc cards */ body.doc-financial .card { background: var(--bg3); border-color: var(--border-fin); border-radius: 8px; } body.doc-financial .card-title { color: var(--forest-mid); } body.doc-financial .card-body { color: var(--text2-fin); } /* ── STAT BLOCKS (master plan style) ── */ .stat-row { display: flex; gap: 2rem; flex-wrap: wrap; margin: 2.5rem 0; } .stat-block { background: var(--forest-panel); border: 1px solid var(--border); border-radius: 10px; padding: 1.5rem 2rem; flex: 1; min-width: 180px; } .stat-block .num { font-size: 2.5rem; font-weight: 800; color: var(--gold); line-height: 1; } .stat-block .unit { font-size: 0.85rem; color: var(--omnia-blue); font-weight: 600; } .stat-block .desc { font-size: 0.8rem; color: var(--text-muted); margin-top: 0.4rem; } /* Stat cards (financial plan style) */ .stat { background: var(--bg3); border: 1px solid var(--border-fin); border-radius: 8px; padding: 1.1rem 1.4rem; flex: 1; min-width: 140px; border-top: 3px solid var(--forest-mid); } .stat .num { font-size: 2rem; font-weight: 800; color: var(--forest-mid); line-height: 1; } .stat .unit { font-size: 0.72rem; color: var(--blue-fin); font-weight: 600; } .stat .desc { font-size: 0.72rem; color: var(--text3-fin); margin-top: 0.3rem; } .stat.gold { border-top-color: var(--amber); } .stat.gold .num { color: #8b6200; } .stat.red { border-top-color: var(--red-light); } .stat.red .num { color: var(--red); } .stat.blue { border-top-color: var(--blue-fin); } .stat.blue .num { color: var(--blue-fin); } /* ── TABLES ── */ .data-table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 0.88rem; } .data-table th { background: var(--forest-light); color: var(--amber); font-weight: 700; padding: 0.75rem 1rem; text-align: left; border-bottom: 2px solid var(--gold); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; } .data-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--border); color: var(--text-secondary); vertical-align: top; } .data-table tr:hover td { background: rgba(90,143,104,0.05); } .data-table tfoot td { background: rgba(61,107,71,0.15); font-weight: 700; color: var(--text-primary); border-top: 2px solid var(--fern); } /* Financial doc table variant */ body.doc-financial .data-table { font-size: 0.83rem; margin: 1.5rem 0; } body.doc-financial .data-table th { background: var(--forest-mid); color: #fff; padding: 0.65rem 1rem; font-size: 0.68rem; border-bottom: none; } body.doc-financial .data-table td { padding: 0.65rem 1rem; border-bottom: 1px solid var(--border-fin); color: var(--text2-fin); } body.doc-financial .data-table tr:hover td { background: var(--bg3); } body.doc-financial .data-table tfoot td { background: var(--bg3); font-weight: 700; color: var(--forest-mid); border-top: 2px solid var(--forest-mid); } .money { font-weight: 700; font-variant-numeric: tabular-nums; } .money.green { color: var(--fern); } body.doc-financial .money.green { color: var(--forest-mid); } .money.red { color: var(--red-light); } body.doc-financial .money.red { color: var(--red); } .money.amber { color: var(--amber); } body.doc-financial .money.amber { color: #8b6200; } .source { font-size: 0.68rem; color: var(--text-muted); font-style: italic; } body.doc-financial .source { color: var(--text3-fin); } /* ── BAR CHARTS ── */ .bar-chart { margin: 1.5rem 0; } .bar-row { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; } .bar-label { width: 180px; min-width: 180px; font-size: 0.78rem; color: var(--text-secondary); text-align: right; } body.doc-financial .bar-label { color: var(--text2-fin); } .bar-track { flex: 1; background: var(--bg3); border-radius: 4px; height: 28px; overflow: hidden; position: relative; border: 1px solid var(--border-fin); } .bar-fill { height: 100%; border-radius: 3px; display: flex; align-items: center; padding-left: 8px; font-size: 0.72rem; font-weight: 700; color: #fff; transition: width 0.3s; white-space: nowrap; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .bar-fill.forest { background: var(--forest-mid); } .bar-fill.moss { background: var(--fern); } .bar-fill.amber { background: var(--amber); color: var(--text-fin); } .bar-fill.blue { background: var(--blue-fin); } .bar-fill.red { background: var(--red-light); } .bar-fill.purple { background: var(--purple); } .bar-note { width: 100px; font-size: 0.7rem; color: var(--text-muted); } body.doc-financial .bar-note { color: var(--text3-fin); } /* ── PHASE TIMELINE ── */ .timeline { position: relative; margin: 3rem 0; } .timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, var(--gold), var(--moss), var(--omnia-blue)); } .phase { padding: 0 0 2.5rem 3rem; position: relative; } .phase-dot { position: absolute; left: -9px; top: 6px; width: 20px; height: 20px; border-radius: 50%; background: var(--forest-deep); border: 2px solid var(--gold); display: flex; align-items: center; justify-content: center; } .phase-dot::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); } .phase-label { font-size: 0.65rem; color: var(--fern); letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700; margin-bottom: 0.25rem; } .phase-title { font-size: 1.2rem; font-weight: 700; color: var(--amber); margin-bottom: 0.5rem; } .phase-body { font-size: 0.9rem; color: var(--text-secondary); max-width: 640px; } .phase-tags { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.75rem; } .tag { font-size: 0.68rem; padding: 3px 10px; border-radius: 20px; border: 1px solid var(--border); color: var(--text-muted); background: var(--forest-panel); } .tag.blue { border-color: rgba(0,184,255,0.3); color: var(--omnia-blue); } .tag.green { border-color: rgba(90,143,104,0.4); color: var(--fern); } .tag.gold { border-color: rgba(201,168,76,0.4); color: var(--gold); } /* ── CALLOUT BOXES ── */ .callout { border-radius: 10px; padding: 1.5rem 2rem; margin: 2rem 0; display: flex; gap: 1rem; align-items: flex-start; } .callout.nature { background: rgba(61,107,71,0.15); border: 1px solid rgba(90,143,104,0.3); } .callout.caution { background: rgba(201,168,76,0.08); border: 1px solid rgba(201,168,76,0.3); } .callout.blue { background: rgba(0,184,255,0.06); border: 1px solid rgba(0,184,255,0.25); } .callout-icon { font-size: 1.5rem; flex-shrink: 0; margin-top: 2px; } .callout-body h4 { font-size: 0.85rem; font-weight: 700; color: var(--amber); margin-bottom: 0.35rem; } .callout-body p { font-size: 0.88rem; color: var(--text-secondary); } /* Financial plan callout variants */ body.doc-financial .callout { border-radius: 8px; padding: 1.1rem 1.5rem; margin: 1.5rem 0; } body.doc-financial .callout.green { background: #f0f8f2; border: 1px solid #b8d8c0; } body.doc-financial .callout.amber { background: #fdf8ec; border: 1px solid #e8d080; } body.doc-financial .callout.red { background: #fef2f2; border: 1px solid #f0b8b8; } body.doc-financial .callout.blue { background: #f0f8ff; border: 1px solid #b8d8f0; } body.doc-financial .callout-icon { font-size: 1.25rem; } body.doc-financial .callout-body h4 { color: var(--forest-mid); } body.doc-financial .callout-body p { color: var(--text2-fin); } /* ── SECTION DIVIDERS ── */ .section-divider, .sdiv { display: flex; align-items: center; gap: 1.5rem; margin: 3rem 0; } .section-divider::before, .section-divider::after, .sdiv::before, .sdiv::after { content: ''; flex: 1; height: 1px; background: var(--border); } .section-divider span, .sdiv span { font-size: 0.7rem; color: var(--text-muted); letter-spacing: 0.2em; text-transform: uppercase; white-space: nowrap; } body.doc-financial .sdiv { margin: 2rem 0 1.5rem; gap: 1rem; } body.doc-financial .sdiv::before, body.doc-financial .sdiv::after { background: var(--border-fin); } body.doc-financial .sdiv span { font-size: 0.62rem; color: var(--text3-fin); } /* ── QUOTE BLOCK ── */ .blockquote { border-left: 3px solid var(--gold); padding: 1.25rem 2rem; margin: 2rem 0; background: rgba(201,168,76,0.05); border-radius: 0 8px 8px 0; } .blockquote p { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 1.15rem; color: var(--amber); line-height: 1.7; } .blockquote cite { display: block; font-size: 0.78rem; color: var(--text-muted); margin-top: 0.75rem; font-style: normal; } /* ── TWO-COL ── */ .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; } .two-col.wide-left, .two-col.wide { grid-template-columns: 1.5fr 1fr; } @media (max-width: 900px) { .two-col, .two-col.wide-left, .two-col.wide { grid-template-columns: 1fr; } } /* ── ASSET FIGURES ── */ .asset-figure { margin: 2rem 0; } .asset-figure img { width: 100%; border-radius: 10px; border: 1px solid var(--border); display: block; } .asset-figure figcaption { font-size: 0.75rem; color: var(--text-muted); margin-top: 0.6rem; font-style: italic; line-height: 1.6; } /* ── AFFIN FLAG ── */ .affin-flag { background: rgba(120,99,255,0.1); border: 1px solid rgba(120,99,255,0.3); border-radius: 8px; padding: 0.75rem 1.25rem; font-size: 0.78rem; color: rgba(120,99,255,0.9); margin: 1rem 0; display: flex; gap: 0.75rem; align-items: center; } /* ── WATERFALL ── */ .waterfall { margin: 1.5rem 0; } .wf-row { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.4rem; font-size: 0.78rem; } .wf-label { width: 200px; min-width: 200px; text-align: right; color: var(--text2-fin); } .wf-track { flex: 1; position: relative; height: 30px; } .wf-bar { position: absolute; height: 28px; border-radius: 3px; top: 1px; display: flex; align-items: center; padding: 0 8px; font-weight: 700; font-size: 0.72rem; color: #fff; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .wf-total { font-weight: 700; border-top: 2px solid var(--forest-mid); padding-top: 0.4rem; margin-top: 0.4rem; } /* ── DONUT ── */ .donut-wrap { display: flex; align-items: center; gap: 2rem; margin: 1.5rem 0; } .donut { width: 160px; height: 160px; border-radius: 50%; flex-shrink: 0; position: relative; } .donut-legend { flex: 1; } .donut-legend-item { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.5rem; font-size: 0.8rem; color: var(--text2-fin); } .donut-legend-dot { width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; } /* ── BURN CHART ── */ .burn-grid { display: grid; grid-template-columns: repeat(11, 1fr); gap: 3px; margin: 1.5rem 0; } .burn-year { text-align: center; } .burn-year .yr { font-size: 0.6rem; color: var(--text-muted); margin-bottom: 4px; font-weight: 700; } .burn-bar-wrap { height: 120px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 2px; } .burn-spend { width: 100%; border-radius: 3px 3px 0 0; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .burn-revenue { width: 100%; border-radius: 0 0 3px 3px; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .burn-label { font-size: 0.55rem; color: var(--text-muted); margin-top: 3px; text-align: center; line-height: 1.3; } /* ── INFOGRAPHIC PLACEHOLDERS ── */ .infographic-placeholder { background: var(--forest-panel); border: 2px dashed var(--border); border-radius: 12px; padding: 3rem 2rem; text-align: center; margin: 2rem 0; } .infographic-placeholder .ph-icon { font-size: 3rem; margin-bottom: 1rem; opacity: 0.5; } .infographic-placeholder .ph-title { font-weight: 700; color: var(--amber); margin-bottom: 0.5rem; } .infographic-placeholder .ph-desc { font-size: 0.85rem; color: var(--text-muted); max-width: 500px; margin: 0 auto 1rem; } .infographic-placeholder .ph-prompt { font-size: 0.75rem; background: var(--forest-deep); border: 1px solid var(--border); border-radius: 8px; padding: 1rem; text-align: left; color: var(--text-secondary); font-family: monospace; line-height: 1.6; margin-top: 1rem; } /* ══════════════════════════════════════════ PRINT MEDIA — Dark → Light flip All color values forced to print-safe equivalents ══════════════════════════════════════════ */ @media print { /* Global reset for print */ * { -webkit-print-color-adjust: exact; print-color-adjust: exact; } body { background: white !important; color: #1a1a1a !important; font-size: 11pt; } body.doc-financial { font-size: 10pt; } /* Hide sidebar in print */ #sidebar { display: none !important; } .page-wrapper, .page-wrap { display: block !important; } #main { width: 100% !important; max-width: 100% !important; } /* Cover — both documents */ #cover { background: white !important; color: #1a1a1a !important; min-height: auto !important; padding: 3cm 2cm 2cm !important; page-break-after: always !important; } #cover::before { display: none !important; } #cover .cover-title { color: #1a1a1a !important; font-size: 32pt !important; } #cover .cover-title .highlight, #cover .cover-title span { color: #2c4000 !important; } #cover .cover-subtitle { color: #444 !important; } #cover .cover-meta-item .value { color: #2c4000 !important; } #cover .cover-divider, #cover .cover-bar { background: #2c4000 !important; } #cover .cover-eyebrow, #cover .eyebrow { color: #2c4000 !important; } #cover h1 { color: #1a1a1a !important; } #cover h1 span { color: #2c4000 !important; } #cover .sub { color: #444 !important; } #cover .cm .l { color: #666 !important; } #cover .cm .v { color: #2c4000 !important; } #cover .cm .u { color: #888 !important; } #cover .cover-footer { display: none; } /* Sections */ .section { padding: 1.5cm 2cm !important; page-break-inside: avoid !important; border-bottom: 1px solid #ddd !important; background: white !important; } /* Section headers */ .section-title { color: #1a1a1a !important; font-size: 20pt !important; } .section-title .accent, .section-title span { color: #2c4000 !important; } .section-lead { color: #444 !important; } .section-eyebrow, .eyebrow { color: #2c4000 !important; } .section-divider span, .sdiv span { color: #888 !important; } .section-divider::before, .section-divider::after, .sdiv::before, .sdiv::after { background: #ddd !important; } /* Cards */ .card { background: #f8f8f8 !important; border: 1px solid #ddd !important; page-break-inside: avoid !important; } .card::before { background: #2c4000 !important; } .card-title { color: #2c4000 !important; } .card-body { color: #444 !important; } /* Stat blocks */ .stat-block { background: #f8f8f8 !important; border: 1px solid #ddd !important; page-break-inside: avoid; } .stat-block .num { color: #2c4000 !important; } .stat-block .unit { color: #005c80 !important; } .stat-block .desc { color: #666 !important; } .stat { background: #f5f5f5 !important; border-color: #ccc !important; page-break-inside: avoid; } .stat .num { color: #1a3a22 !important; } .stat.gold .num { color: #8b6200 !important; } .stat.red .num { color: #8b1a1a !important; } .stat.blue .num { color: #005c80 !important; } /* Tables */ .data-table th { background: #2c4000 !important; color: white !important; } .data-table td { color: #333 !important; border-bottom-color: #ddd !important; } .data-table tfoot td { background: #f0f5f1 !important; color: #1a3a22 !important; border-top-color: #2c4000 !important; } .data-table tr:hover td { background: transparent !important; } /* Money colours in print */ .money.green { color: #1a5c28 !important; } .money.red { color: #8b1a1a !important; } .money.amber { color: #8b6200 !important; } /* Callouts */ .callout.nature { background: #f0f8f2 !important; border-color: #2c4000 !important; } .callout.blue { background: #f0f8ff !important; border-color: #005c80 !important; } .callout.caution, .callout.amber { background: #fdf8ec !important; border-color: #8b6914 !important; } .callout.green { background: #f0f8f2 !important; border-color: #2c4000 !important; } .callout.red { background: #fef5f5 !important; border-color: #8b1a1a !important; } .callout-body h4 { color: #2c4000 !important; } .callout-body p { color: #333 !important; } /* Quote */ .blockquote { border-left-color: #2c4000 !important; background: #f5f5f0 !important; } .blockquote p { color: #2c4000 !important; } .blockquote cite { color: #666 !important; } /* Figures */ .asset-figure img { border-color: #ddd !important; max-width: 100% !important; page-break-inside: avoid !important; } .asset-figure figcaption { color: #666 !important; } /* Static map replacement */ .print-static-map { display: block !important; } .screen-interactive-map { display: none !important; } /* Hide non-print elements */ .affin-flag { display: none !important; } .cross-link { display: none !important; } .infographic-placeholder { border-color: #ccc !important; background: #fafafa !important; } .infographic-placeholder .ph-title { color: #2c4000 !important; } /* Bar charts */ .bar-fill.forest { background: #1a3a22 !important; } .bar-fill.moss { background: #3d6b47 !important; } .bar-fill.amber { background: #c9a84c !important; color: #1a1a1a !important; } .bar-fill.blue { background: #005c80 !important; } .bar-fill.red { background: #c94c4c !important; } .bar-fill.purple { background: #5a4abf !important; } .bar-track { background: #f0f0f0 !important; border-color: #ccc !important; } /* Phase timeline */ .phase-dot { background: white !important; border-color: #2c4000 !important; } .phase-dot::after { background: #2c4000 !important; } .phase-title { color: #2c4000 !important; } .phase-label { color: #444 !important; } .phase-body { color: #444 !important; } .timeline::before { background: #2c4000 !important; } .tag { border-color: #ccc !important; color: #555 !important; background: #f5f5f5 !important; } /* Page break rules */ h1, h2, h3, h4 { page-break-after: avoid; } .phase, .card, .stat-block, .stat, .callout { page-break-inside: avoid; } /* Confidential footer on every page */ @page { margin: 1.5cm 2cm; @bottom-center { content: "CONFIDENTIAL · OmniLand Arcology · Omnia Theatre Inc. © 2026 · omniland.ca"; font-size: 8pt; color: #aaa; } } }