/* CIVET × A.U.R.O.R.A. — shared visual family.
   Brand/actions: yellow. Technical details: muted violet/blue. Positive results: green.
   Keep this file beside the nine HTML pages. Typography and animations stay in each page. */
:root{
 --bg:#09090b;
 --bg-raised:#151519;
 --ink:#f2f2f5;
 --ink-dim:#b9b7c4;
 --ink-faint:#9b98a8;
 --accent:#fcdc10;
 --accent-2:#9381bd;
 --accent-ink:#1a1a1d;
 --accent-soft:#fff1a0;
 --source-blue:#739ab8;
 --source-blue-text:#b6d3e8;
 --model-violet-text:#c3b1e5;
 --success:#9adbb0;
 --line:#303036;
 --line-strong:#4a4854;
 --glow:rgba(252,220,16,.09);
 --glow-2:rgba(147,129,189,.08);
 --nav-bg:rgba(9,9,11,.88);
}
/* Bright brand actions always use dark ink, including the nav's stronger selectors. */
.btn-solid,.nav-links a.btn-solid,.nav-links a.btn-solid:hover{
 background:var(--accent);color:var(--accent-ink);font-weight:600;
 border:1px solid var(--accent);box-shadow:0 4px 20px rgba(252,220,16,.08);
}
.btn-solid:hover,.nav-links a.btn-solid:hover{background:#ffe64b;border-color:#ffe64b;box-shadow:0 6px 25px rgba(252,220,16,.15)}
.btn-ghost{background:rgba(255,255,255,.025)}
.btn-ghost:hover{background:rgba(252,220,16,.04)}
.nav-links a:hover{color:var(--accent)}
/* Keep headline emphasis in the brand's yellow family; reserve violet for the visuals. */
.em{background-image:linear-gradient(110deg,var(--accent) 20%,var(--accent-soft) 40%,var(--accent) 60%)}
.net-line{stroke:color-mix(in srgb,var(--source-blue) 32%,transparent)}
.net-ring.r2{stroke:color-mix(in srgb,var(--source-blue) 35%,transparent)}
.net-pulse.alt{stroke:var(--source-blue)}
.net-node.alt circle.dot,.net-node.alt circle.ping{stroke:var(--accent-2)}
.chip::before{color:var(--source-blue)}
.bx-code,.serp-url{fill:var(--source-blue-text)}
.trend{stroke:var(--success)}
.trend-dot{fill:var(--success);filter:drop-shadow(0 0 6px rgba(154,219,176,.4))}
/* Low-chroma panels give the yellow CTAs room to stand out. */
.card,.panel{box-shadow:0 12px 32px rgba(0,0,0,.13)}
.card:hover{border-color:rgba(252,220,16,.55)}
.card .glyph{border-color:rgba(252,220,16,.22);background:rgba(252,220,16,.055)}
.grid-3 .card:nth-child(3n+2) .glyph,.grid-4 .card:nth-child(4n+2) .glyph{
 color:var(--model-violet-text);border-color:rgba(147,129,189,.3);background:rgba(147,129,189,.09);
}
.grid-3 .card:nth-child(3n) .glyph,.grid-4 .card:nth-child(4n+3) .glyph{
 color:var(--source-blue-text);border-color:rgba(115,154,184,.3);background:rgba(115,154,184,.09);
}
.cta{
 border-color:#514a2c;
 background:radial-gradient(ellipse 70% 100% at 50% -20%,rgba(252,220,16,.1),transparent 70%),linear-gradient(125deg,#1b1921,#151519 65%);
 box-shadow:0 20px 55px rgba(0,0,0,.2);
}
footer{background:#0e0e12;border-top-color:#37353e}
::selection{background:var(--accent);color:var(--accent-ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Shared local vector logo: preserve its original proportions at header/footer sizes. */
.nav-logo img,.foot-grid img{width:auto;max-width:100%;object-fit:contain}