/* * The landing page on badduk.co.il (PLT-71), in the Quiet Ledger * (docs/decisions/design-direction.md): warm paper, ink, one card on a * hairline. Every colour is the record's; green marks what is proven, so none * is used here. Logical properties only, so the page reads right to left from * . No url() and no @import: the page asks nothing of another * origin, and Assistant is not served here yet, so the system stack stands in. */ :root { color-scheme: light; --canvas: #f7f5f1; --surface: #ffffff; --well: #f1eee8; --ink: #14181c; --muted: #4b545e; --line: #e6e1d8; --r-card: 16px; --r-pill: 999px; } *, *::before, *::after { box-sizing: border-box; } html { background: var(--canvas); } body { margin: 0; min-block-size: 100vh; min-block-size: 100dvh; display: grid; place-items: center; padding-block: 48px; padding-inline: 16px; background: var(--canvas); color: var(--ink); font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 1.0625rem; line-height: 1.6; } .card { inline-size: 100%; max-inline-size: 34rem; padding-block: 48px; padding-inline: 32px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 4%, transparent); text-align: center; } h1 { margin-block: 0 12px; font-size: 1.875rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; } .line { margin-block: 0; color: var(--muted); } .soon { display: inline-block; margin-block: 24px 0; padding-block: 4px; padding-inline: 16px; background: var(--well); border-radius: var(--r-pill); font-size: 0.9375rem; font-weight: 600; } @media (max-width: 30rem) { .card { padding-block: 32px; padding-inline: 24px; } h1 { font-size: 1.5rem; } }