/* ========================================================================== Speedmaster Gonzales™ — Classic Theme (alternate template) The lamplight study: deep espresso walls, brass everywhere, script wordmark, serif voice. Study is moonlight (cool); Classic is lamplight (warm) — two unmistakable rooms. Active only when — every rule below is scoped to it, so the Study theme is untouched and remains the default. ========================================================================== */ @font-face { font-family: "Yellowtail"; src: url("yellowtail-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } /* --- Lamplight tokens: warm where Study is cool -------------------------- */ html[data-theme="classic"] { --space: #150e07; --ink: #f6ead2; --muted: #d3ba8d; --quiet: #a08a63; --line: rgba(217, 169, 92, .30); --panel: rgba(34, 23, 12, .94); --panel-solid: #20150b; --brass: #d9a95c; --brass-soft: #f2d9a4; --orange: #e08a3c; --amber: #f2d9a4; --red: #d08a72; --green: #a9c795; --accent: #d9a95c; --accent-soft: #f2d9a4; --bg: #150e07; background: #150e07; } /* The room itself: espresso walls under a warm lamp-glow. This is the single biggest tell — Study is blue-black moonlight, Classic is amber. */ html[data-theme="classic"] body { background: radial-gradient(80% 46% at 50% -4%, rgba(217, 169, 92, .16), transparent 70%), radial-gradient(50% 30% at 50% 108%, rgba(217, 169, 92, .07), transparent 70%), #150e07; color: var(--ink); } /* --- Header: the warm reading-room bar ---------------------------------- */ html[data-theme="classic"] .sg-topnav { background: rgba(26, 17, 9, .96); -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom: 1px solid var(--line); box-shadow: 0 1px 0 rgba(242, 217, 164, .12), 0 10px 30px rgba(0, 0, 0, .45); } html[data-theme="classic"] .sg-topnav .sg-brand { font-family: "Yellowtail", "Cormorant Garamond", Georgia, cursive; font-size: 27px; font-weight: 400; letter-spacing: .01em; color: var(--accent-soft); text-shadow: 0 0 18px rgba(242, 217, 164, .45); } html[data-theme="classic"] .sg-topnav .sg-brand:hover { color: #fff8e8; } html[data-theme="classic"] .sg-topnav .sg-navlinks a { font-family: "Cormorant Garamond", Georgia, serif; font-size: 16px; font-weight: 600; text-transform: none; letter-spacing: .05em; color: var(--muted); border-bottom: 1px solid transparent; } html[data-theme="classic"] .sg-topnav .sg-navlinks a:hover { color: var(--accent-soft); border-bottom-color: var(--accent); } /* The Circle key, classic reading: an engraved brass outline, not a glow */ html[data-theme="classic"] .sg-topnav .sg-circle-key { background: transparent; color: var(--accent-soft); border: 1px solid var(--accent); box-shadow: none; font-family: "Cormorant Garamond", Georgia, serif; } html[data-theme="classic"] .sg-topnav .sg-circle-key:hover { background: rgba(217, 169, 92, .14); color: #fff3da; box-shadow: 0 0 18px rgba(217, 169, 92, .35); } /* The toggle, dressed for the lamplight room */ html[data-theme="classic"] .sg-theme-toggle { border-color: var(--line); background: rgba(217, 169, 92, .07); } html[data-theme="classic"] .sg-theme-toggle .sg-tt-knob { background: linear-gradient(180deg, #f2d9a4 0%, #d9a95c 60%, #a87c33 100%); box-shadow: 0 0 16px rgba(217, 169, 92, .55); } html[data-theme="classic"] .sg-theme-toggle[aria-checked="true"] .sg-tt-knob { background: linear-gradient(180deg, #f2d9a4 0%, #d9a95c 60%, #a87c33 100%); } html[data-theme="classic"] .sg-theme-toggle .sg-tt-opt.is-active { color: #241503; } /* --- Voice: editorial warmth instead of instrument glow -------------------- */ html[data-theme="classic"] .sg-eyebrow { color: var(--accent-soft); text-shadow: 0 0 16px rgba(242, 217, 164, .4); font-family: "Cormorant Garamond", Georgia, serif; font-size: 15px; letter-spacing: .24em; } html[data-theme="classic"] .sg-kicker { font-family: "Cormorant Garamond", Georgia, serif; font-size: 13.5px; font-style: italic; text-transform: none; letter-spacing: .06em; color: var(--quiet); } /* --- Buttons: brass keys --------------------------------------------------- */ html[data-theme="classic"] .sg-btn { background: linear-gradient(180deg, #3a2a14 0%, #241708 60%, #1a1006 100%); border: 1px solid var(--accent); border-top-color: var(--accent-soft); box-shadow: 0 2px 0 rgba(0,0,0,.6), 0 8px 18px rgba(0,0,0,.5), inset 0 1px 0 rgba(242,217,164,.18); color: var(--accent-soft); font-family: "Cormorant Garamond", Georgia, serif; font-size: 15px; letter-spacing: .05em; } html[data-theme="classic"] .sg-btn::before { background: var(--accent-soft); box-shadow: 0 0 10px var(--accent-soft); } html[data-theme="classic"] .sg-btn:hover { background: linear-gradient(180deg, #4a3619 0%, #2e1e0b 60%, #201307 100%); border-color: var(--accent-soft); color: #fff3da; box-shadow: 0 3px 0 rgba(0,0,0,.6), 0 10px 22px rgba(0,0,0,.5), 0 0 18px rgba(217,169,92,.4), inset 0 1px 0 rgba(242,217,164,.22); transform: translateY(-1px); } html[data-theme="classic"] .sg-btn:active { transform: translateY(1px); } html[data-theme="classic"] .sg-btn.solid { background: linear-gradient(180deg, #f2d9a4 0%, #d9a95c 60%, #a87c33 100%); border-color: rgba(242, 217, 164, .7); color: #241503; box-shadow: 0 2px 0 rgba(0,0,0,.55), 0 8px 22px rgba(217, 169, 92, .4), inset 0 1px 0 rgba(255,255,255,.5); } html[data-theme="classic"] .sg-btn.solid:hover { color: #241503; border-color: #fff3da; box-shadow: 0 3px 0 rgba(0,0,0,.55), 0 12px 28px rgba(217, 169, 92, .55), inset 0 1px 0 rgba(255,255,255,.5); } /* --- Cards: art-deco panels with a double brass rule ----------------------- */ html[data-theme="classic"] .sg-card { background: linear-gradient(180deg, rgba(43, 29, 15, .96), rgba(26, 17, 9, .96)); border: 1px solid var(--line); outline: 1px solid rgba(217, 169, 92, .14); outline-offset: 4px; box-shadow: 0 14px 34px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(242,217,164,.1); } html[data-theme="classic"] .sg-card h3 { font-family: "Cormorant Garamond", Georgia, serif; font-size: 19px; color: var(--accent-soft); } html[data-theme="classic"] .sg-pill { border-color: var(--accent); color: var(--accent-soft); } /* --- Bands, footers: candlelight instead of console light ------------------- */ html[data-theme="classic"] .sg-band { background: radial-gradient(60% 120% at 50% 0%, rgba(217, 169, 92, .1), transparent 70%), transparent; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } html[data-theme="classic"] .sg-band h2 { font-weight: 600; color: var(--accent-soft); } html[data-theme="classic"] .sg-band-deck { color: var(--muted); } html[data-theme="classic"] .sg-footer { background: linear-gradient(180deg, rgba(34, 23, 12, .7), rgba(21, 14, 7, .97)); border-top: 1px solid var(--line); } html[data-theme="classic"] .site-footer { border-top: 1px solid var(--line); } html[data-theme="classic"] .site-footer .footer-brand { font-family: "Yellowtail", "Cormorant Garamond", Georgia, cursive; font-weight: 400; font-size: 26px; color: var(--accent-soft); text-shadow: 0 0 16px rgba(242, 217, 164, .4); } html[data-theme="classic"] .sg-footer .sg-brandline { font-family: "Yellowtail", "Cormorant Garamond", Georgia, cursive; font-weight: 400; font-size: 28px; color: var(--accent-soft); } html[data-theme="classic"] .sg-sitemap h4 { color: var(--accent); font-family: "Cormorant Garamond", Georgia, serif; text-transform: none; letter-spacing: .08em; font-size: 14px; } html[data-theme="classic"] .sg-sitemap a { color: var(--muted); } html[data-theme="classic"] .sg-sitemap a:hover { color: var(--accent-soft); } html[data-theme="classic"] .footer-nav a, html[data-theme="classic"] .sg-footer .sg-top a { font-family: "Cormorant Garamond", Georgia, serif; text-transform: none; letter-spacing: .06em; font-size: 14px; } html[data-theme="classic"] .site-footer a:hover, html[data-theme="classic"] .sg-footer .sg-fine a:hover { color: var(--accent-soft); } /* --- Tables: warm ledgers --------------------------------------------------- */ html[data-theme="classic"] table.sg-table th { color: var(--quiet); border-bottom-color: var(--line); } html[data-theme="classic"] table.sg-table td { border-bottom-color: var(--line); color: var(--muted); } html[data-theme="classic"] table.sg-table td.num, html[data-theme="classic"] table.sg-table th.num { color: var(--accent-soft); } /* --- The Circle page in classic dress: a letterpress invitation ------------- */ html[data-theme="classic"] body .offer-card { background: linear-gradient(180deg, rgba(43, 29, 15, .97), rgba(26, 17, 9, .97)); border: 1px solid var(--line); border-top: 4px double var(--accent); box-shadow: 0 14px 34px rgba(0, 0, 0, .55); } html[data-theme="classic"] body .deco-frame { border-top: 4px double var(--accent); border-bottom: 4px double var(--accent); }