/* Kaica brand tokens — pulled from the Kaica logomark (black + amber) and ProSauber product label (black + red). All variations share these. */ :root { --kaica-yellow: #F7B62D; --kaica-yellow-deep: #E5A317; --kaica-yellow-soft: #FFF3D1; --kaica-black: #0A0A0A; --kaica-ink: #141414; --kaica-graphite: #1F1F1F; --kaica-steel: #2A2A2A; --kaica-fog: #909090; --kaica-paper: #F6F4EE; --kaica-paper-warm: #EEE9DB; --kaica-line: #1A1A1A; --prosauber-red: #E31E24; --prosauber-red-deep: #B5141A; --ok: #1F8A5B; --warn: #C9701A; --font-display: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-body: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; } /* Subtly-striped placeholder used across the site for any imagery the user hasn't supplied yet. Drops a monospace caption inside. */ .kc-placeholder { position: relative; background-color: #1a1a1a; background-image: repeating-linear-gradient( 135deg, rgba(255,255,255,0.03) 0 8px, rgba(255,255,255,0.06) 8px 16px ); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; overflow: hidden; } .kc-placeholder.light { background-color: #ece8de; background-image: repeating-linear-gradient( 135deg, rgba(0,0,0,0.04) 0 8px, rgba(0,0,0,0.07) 8px 16px ); color: rgba(20,20,20,0.55); } /* Scrollbar discipline so artboards feel print-clean. */ .kc-scope ::-webkit-scrollbar { width: 0; height: 0; } .kc-scope { scrollbar-width: none; } /* Arabic / RTL: swap to a typeface with proper Arabic glyphs and let the line breathe a little more. Triggered by the data attribute the i18n engine stamps on . */ [data-kaica-lang="ar"] .kc-scope { font-family: 'Cairo', 'Archivo', 'Helvetica Neue', Arial, sans-serif; } [data-kaica-lang="ar"] .kc-scope h1, [data-kaica-lang="ar"] .kc-scope h2, [data-kaica-lang="ar"] .kc-scope h3, [data-kaica-lang="ar"] .kc-scope h4 { font-family: 'Cairo', 'Archivo', sans-serif; font-style: normal !important; line-height: 1.25; } /* Arabic numerals/mono labels keep the mono face but read better unstyled-italic. */ [data-kaica-lang="ar"] .kc-scope [dir="rtl"] { text-align: right; } /* Chinese: prefer a system CJK face so glyphs render crisp; Archivo has no CJK coverage. Headings mirror the Arabic approach (override inline display). */ [data-kaica-lang="zh"] .kc-scope { font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Archivo', sans-serif; } [data-kaica-lang="zh"] .kc-scope h1, [data-kaica-lang="zh"] .kc-scope h2, [data-kaica-lang="zh"] .kc-scope h3, [data-kaica-lang="zh"] .kc-scope h4 { font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Archivo', sans-serif; font-style: normal !important; letter-spacing: 0 !important; }