/* Theme Name: Kadence Child Theme URI: https://gokudo.kinsta.cloud/ Description: Kadence child theme, the front end for the GOKUDO store. This file declares the design system: the brand fonts and the design variables. Each page layout is enqueued on its own, from inc/assets.php. Author: itsgg, SomeB1oody Template: kadence Version: 0.1.0 Text Domain: kadence-child */ /* ===================================================================== GOKUDO design system, site-wide. This file holds only declarations that are safe everywhere: @font-face rules and the :root design variables. It deliberately avoids an aggressive * reset or body override, which would affect Kadence block pages. Per-page layout styles, such as home.css, are enqueued conditionally instead. ===================================================================== */ /* ---------- MANUKA: headings and display ---------- */ @font-face{font-family:'Manuka';src:url('assets/fonts/manuka-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'Manuka';src:url('assets/fonts/manuka-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:'Manuka';src:url('assets/fonts/manuka-black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap} /* ---------- WENDING MINGTI: Traditional Chinese (文鼎明體) (TODO: change ttf to woff2) ---------- */ @font-face{font-family:'WenDing MingTi';src:url('assets/fonts/WenDingPLMingTi.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} /* ---------- FRAKTION SANS: body text ---------- */ @font-face{font-family:'Fraktion Sans';src:url('assets/fonts/PPFraktionSans-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap} @font-face{font-family:'Fraktion Sans';src:url('assets/fonts/PPFraktionSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'Fraktion Sans';src:url('assets/fonts/PPFraktionSans-RegularItalic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap} @font-face{font-family:'Fraktion Sans';src:url('assets/fonts/PPFraktionSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:'Fraktion Sans';src:url('assets/fonts/PPFraktionSans-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap} @font-face{font-family:'Fraktion Sans';src:url('assets/fonts/PPFraktionSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:'Fraktion Sans';src:url('assets/fonts/PPFraktionSans-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap} /* ---------- Design variables ---------- See DESIGN.md for how to use these variables ------------------------------------------------------------------------- */ :root{ /* ---- core ---- */ --ink:#181818; --gold:#D6B598; --blue:#321BDD; --bg:#FFFFFF; /* the ground: page, section, card */ --bg2:#F2F2F2; /* ---- neutral ramp, derived: ink <-> bg2 <-> white ---- */ --muted:#444444; /* ink 80% + bg2 20% */ --faint:#6B6B6B; /* ink 62% + bg2 38% */ --surface:var(--bg); /* card fill: same value, separate role */ /* ---- levels on dark surfaces, derived from --bg2 ---- */ /* The one off-white for every text-on-dark case: 15.9:1 on --ink, 8.0:1 on --blue, 5.8:1 on --danger. */ --on-dark:var(--bg2); --on-dark-2:rgba(242,242,242,.70); /* secondary copy */ --on-dark-3:rgba(242,242,242,.50); /* dim labels, counts */ --on-dark-4:rgba(242,242,242,.40); /* placeholders, hints */ --line-dark:rgba(242,242,242,.22); /* structural hairline: mirrors --line */ --line-dark-2:rgba(242,242,242,.12); /* interior hairline: mirrors --line2 */ --wash-dark:rgba(242,242,242,.05); /* decorative watermark */ /* ---- hairlines, watermarks, shadows on light surfaces, derived from --ink ---- */ --line:rgba(24,24,24,.14); /* draws the container */ --line2:rgba(24,24,24,.07); /* divides what is inside it */ --wash-sm:rgba(24,24,24,.10); /* placeholder glyphs 22-44px */ --wash:rgba(24,24,24,.07); /* 60-90px */ --wash-lg:rgba(24,24,24,.05); /* crests and vertical display type, 150px+ */ --shadow-sm:rgba(24,24,24,.28); /* drop shadows on light */ --scrim:rgba(24,24,24,.45); /* full-screen overlays */ --veil:rgba(255,255,255,.80); /* translucent white panel over imagery */ /* ---- state signals, not brand ---- */ --danger:#B3261E; /* required, invalid, destructive */ --success:#787f46; /* delivered / completed */ /* ---- Manuka tracking, keyed to optical size ---- */ --track-xl:.006em; /* 150px and up */ --track-lg:.019em; /* 60-149px */ --track-md:.025em; /* 30-59px */ --track-sm:.05em; /* 20-29px */ --track-xs:.062em; /* under 20px */ /* ---- type ---- */ --han:'WenDing MingTi',serif; /* Traditional Chinese zh-Hant: 文鼎明體 */ --display:'Manuka',var(--han),Impact,sans-serif; --body:'Fraktion Sans','Helvetica Neue',Helvetica,var(--han),sans-serif; /* Small uppercase wide-tracked labels */ --label:'Fraktion Sans','Helvetica Neue',Helvetica,var(--han),sans-serif; /* ---- layout ---- */ /* Declared here, not on header.banner. A custom property only reaches the subtree of the element that declares it, and the cart, checkout and legal-page rules that read it sit outside the header. */ --banner-h:60px; } /* The bar gives up the room a phone cannot spare. This lives here, next to the value it overrides, rather than in base.css's own 560px block, so the height still has one home. */ @media(max-width:560px){:root{--banner-h:52px}}