/*
Theme Name: Loxodon
Theme URI: https://loxodon.org
Author: Loxodon
Description: The Loxodon project site: a block theme for a compiler that runs PHP everywhere JavaScript runs. Served by WordPress compiled with Loxodon.
Version: 0.1.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.2
License: MIT
Text Domain: loxodon
*/

/* type scale and rhythm beyond what theme.json expresses */
.lox-eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .78rem; font-weight: 600; color: var(--wp--preset--color--accent); }
.lox-hero h1 { letter-spacing: -.03em; line-height: 1.02; }
.lox-hero .wp-block-buttons { margin-top: 2rem; }
.lox-card { border: 1px solid var(--wp--preset--color--line); border-radius: 14px; padding: 1.5rem; background: var(--wp--preset--color--surface); transition: transform .15s ease, border-color .15s ease; }
.lox-card:hover { transform: translateY(-2px); border-color: var(--wp--preset--color--accent); }
.lox-card h3 { margin-top: 0; font-size: 1.1rem; }
.lox-card p { margin-bottom: 0; color: var(--wp--preset--color--muted); }
.lox-stat { border-left: 3px solid var(--wp--preset--color--accent); padding-left: 1rem; }
.lox-stat strong { display: block; font-size: 2rem; letter-spacing: -.02em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.lox-stat span { color: var(--wp--preset--color--muted); font-size: .95rem; }
.lox-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .92rem; background: var(--wp--preset--color--ink); color: #e9eef5; border-radius: 12px; padding: 1.25rem 1.5rem; overflow-x: auto; }
.lox-code .c { color: #8fa3bf; }
.lox-code .k { color: #ffd479; }
.lox-band { background: var(--wp--preset--color--ink); color: #e9eef5; }
.lox-band h2, .lox-band h3 { color: #fff; }
.lox-band .lox-card { background: #15213a; border-color: #28385a; }
.lox-band .lox-card p { color: #b7c3d6; }
.lox-logo { font-weight: 800; letter-spacing: -.04em; font-size: 1.3rem; text-decoration: none; color: var(--wp--preset--color--ink); }
.lox-logo em { font-style: normal; color: var(--wp--preset--color--accent); }
.lox-nav a { text-decoration: none; font-weight: 500; color: var(--wp--preset--color--text); }
.lox-nav a:hover { color: var(--wp--preset--color--accent); }
.lox-hero .has-large-font-size { font-size: 1.3rem; line-height: 1.5; max-width: 40rem; }
.lox-footer { color: var(--wp--preset--color--muted); font-size: .9rem; }
.lox-footer a { color: inherit; }
.wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }
.lox-pill { display: inline-block; border: 1px solid var(--wp--preset--color--line); border-radius: 999px; padding: .2rem .7rem; font-size: .8rem; color: var(--wp--preset--color--muted); }