/* theme-corporate.css — maximal enterprise SaaS. Blue everything, a top accent bar, card-ified entries with hover-lift, gradient section pills, uppercase tracked micro-labels, pill selects. Scoped to . */ [data-theme="corporate"] { --bg: #e9eef5; --fg: #1f2733; --muted: #5b6b7f; --border: #d3dae3; --accent: #0b5fff; /* corporate blue */ --link: #0b5fff; --card-bg: #ffffff; --title-fg: #0a2540; --byline-fg: #5b6b7f; --section-fg: #ffffff; --note-bg: #eff5ff; --note-border: #0b5fff; --note-flag-bg: #0b5fff; --note-flag-fg: #ffffff; --flash: #d6e6ff; --font-body: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-head: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; } [data-theme="corporate"] body { background: linear-gradient(180deg, #dbe8fb, #e9eef5 260px); background-attachment: fixed; } /* bold blue accent bar across the top of the page */ [data-theme="corporate"] .wrap { border-top: 5px solid var(--accent); background: linear-gradient(180deg, #ffffff, #ffffff00 180px); border-radius: 0 0 14px 14px; } [data-theme="corporate"] .site-head { border-bottom: 1px solid var(--border); } [data-theme="corporate"] .site-head h1 { color: var(--title-fg); font-weight: 800; letter-spacing: -.02em; } [data-theme="corporate"] .site-head h1 .title-tag { color: var(--accent); font-weight: 700; } [data-theme="corporate"] .site-head .tagline { color: var(--muted); } /* uppercase tracked micro-labels + pill selects */ [data-theme="corporate"] .control label { text-transform: uppercase; letter-spacing: .12em; font-size: .68rem; font-weight: 700; color: var(--muted); } [data-theme="corporate"] .control select { border: 1px solid var(--border); border-radius: 999px; background: #fff; padding: .38rem .9rem; box-shadow: 0 1px 2px rgba(15,36,68,.08); } [data-theme="corporate"] .nav-links a, [data-theme="corporate"] .nav-links [aria-current="page"] { text-transform: uppercase; letter-spacing: .08em; font-size: .74rem; font-weight: 700; border-bottom: none; } /* edition meta: circa as a blue pill */ [data-theme="corporate"] .meta-circa { background: #e6f0ff; color: var(--accent); font-weight: 700; padding: .1rem .55rem; border-radius: 999px; } /* section headings as gradient pills */ [data-theme="corporate"] .cpl-section h2 { background: linear-gradient(90deg, #0b5fff, #3aa0ff); color: #fff; text-transform: uppercase; letter-spacing: .14em; font-weight: 800; font-size: .82rem; padding: .5rem .85rem; border-radius: 8px; border: none; box-shadow: 0 4px 14px rgba(11,95,255,.20); margin-top: 2rem; } [data-theme="corporate"] .cpl-section h2 .copy-link { color: #fff; } /* entries as SaaS cards with hover-lift */ [data-theme="corporate"] .entry { background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: .95rem 1.1rem; margin: .7rem 0; box-shadow: 0 1px 2px rgba(15,36,68,.06); transition: transform .12s ease, box-shadow .12s ease; } [data-theme="corporate"] .entry:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 10px 24px rgba(11,95,255,.16); } [data-theme="corporate"] .entry-title { color: var(--title-fg); font-weight: 700; } [data-theme="corporate"] .entry-year { color: var(--accent); font-weight: 600; } [data-theme="corporate"] a { text-decoration: none; border-bottom: 1px solid #0b5fff33; } [data-theme="corporate"] a:hover { border-bottom-color: var(--link); } /* rounded, shadowed annotation cards */ [data-theme="corporate"] .editor-note { border-radius: 10px; box-shadow: 0 2px 8px rgba(15,36,68,.08); } [data-theme="corporate"] .note-flag { border-radius: 999px; letter-spacing: .1em; text-transform: uppercase; font-size: .68rem; } /* download list + footer polish */ [data-theme="corporate"] .downloads { border-radius: 12px; }