/* ============================================ GemTech Labs AI — shared legal page styles ============================================ */ :root { --bg: #fafafa; --card: #ffffff; --surface: #f2f2f7; --text: #1a1a1a; --text-body: #3a3a40; --text-muted: #6e6e73; --border: rgba(0, 0, 0, 0.07); --imp-bg: #fff8e1; --imp-border: #f5a623; --imp-text: #5d4e00; } @media (prefers-color-scheme: dark) { :root { --bg: #000000; --card: #2c2c2e; --surface: #1c1c1e; --text: #f5f5f7; --text-body: #d1d1d6; --text-muted: #98989d; --border: rgba(255, 255, 255, 0.09); --imp-bg: #2c2200; --imp-text: #ffd866; } } /* Per-app accent (set on ) */ body.accent-green { --accent-text: #15803d; --accent: #34c759; } body.accent-amber { --accent-text: #b25400; --accent: #f5a623; } @media (prefers-color-scheme: dark) { body.accent-green { --accent-text: #34c759; } body.accent-amber { --accent-text: #f5a623; } } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.7; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :focus-visible { outline: 2px solid var(--accent-text); outline-offset: 3px; border-radius: 4px; } .container { max-width: 720px; margin: 0 auto; padding: 60px 24px 80px; } .top-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; } .back-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--accent-text); text-decoration: none; } .back-link:hover { text-decoration: underline; } .lang-switcher { display: flex; align-items: center; gap: 4px; background: var(--surface); border-radius: 10px; padding: 3px; } .lang-btn { padding: 5px 12px; border: none; background: transparent; border-radius: 8px; font-family: inherit; font-size: 13px; font-weight: 500; color: var(--text-muted); cursor: pointer; transition: all 0.2s; } .lang-btn.active { background: var(--card); color: var(--text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } h1 { font-family: 'Outfit', sans-serif; font-size: 32px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 8px; } h2 { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 600; margin-top: 36px; margin-bottom: 12px; letter-spacing: -0.3px; } h3 { font-family: 'Outfit', sans-serif; font-size: 17px; font-weight: 600; margin-top: 24px; margin-bottom: 8px; } .last-updated { font-size: 14px; color: var(--text-muted); margin-bottom: 40px; } p { margin-bottom: 16px; color: var(--text-body); } ul { margin-bottom: 16px; padding-left: 24px; } li { margin-bottom: 8px; color: var(--text-body); } a { color: var(--accent-text); } a:hover { text-decoration: underline; } .important-box { margin: 24px 0; padding: 20px 24px; background: var(--imp-bg); border-left: 4px solid var(--imp-border); border-radius: 0 12px 12px 0; } .important-box p { margin-bottom: 0; color: var(--imp-text); } .contact-box { margin-top: 40px; padding: 20px 24px; background: var(--surface); border-radius: 12px; } .contact-box p { margin-bottom: 4px; } .doc-footnote { margin-top: 40px; font-size: 14px; color: var(--text-muted); font-style: italic; } .lang-content { display: none; } .lang-content.active { display: block; }