/* ============================================================
   FASTSIDE · Terrakotta
   Lastes etter style.css (haugenit.no) og bytter bare farger.
   Alt av layout, typografi og komponenter arves uendret.
   ============================================================ */
:root {
    --bg: #0c0a09;
    --bg-secondary: #110e0c;
    --bg-card: #161210;
    --bg-card-hover: #1d1814;
    --text: #f1ebe3;
    --text-secondary: #a89d92;
    --text-muted: #6f665e;
    --accent: #f1ebe3;

    /* kobber tar over for gull (handling) */
    --gold: #c4602f;
    --gold-soft: #d4834f;
    --gold-deep: #a24c22;
    --gold-glow: rgba(196, 96, 47, 0.18);

    /* kobber tar over for blaa (merke og retning) */
    --blue: #c4602f;
    --blue-soft: #d4834f;
    --blue-bright: #e09a6e;
    --blue-glow: rgba(196, 96, 47, 0.28);
    --border-blue: rgba(196, 96, 47, 0.4);

    --border: rgba(241, 235, 227, 0.07);
    --border-hover: rgba(241, 235, 227, 0.14);
    --border-gold: rgba(196, 96, 47, 0.4);

    --copper: #c4602f;
    --copper-light: #d4834f;
    --copper-deep: #a24c22;
    --cream: #f6ead9;
    --paper: #f6f1ea;
    --ink: #1b1512;
    --ink-2: #5b5048;
    --line: #e5dcd0;
    --on-copper: #1a0e08;
}

body { background: var(--bg); color: var(--text); }
.nav.scrolled { background: rgba(12, 10, 9, 0.86); }

/* Knapper */
.btn-primary,
.submit-btn {
    background: linear-gradient(135deg, #d98a5c 0%, #c4602f 55%, #a24c22 100%);
    color: var(--on-copper);
    border: 1px solid rgba(246, 234, 217, 0.3);
    box-shadow: 0 8px 24px -8px rgba(196, 96, 47, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.btn-primary:hover,
.submit-btn:hover {
    box-shadow: 0 12px 28px -6px rgba(196, 96, 47, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.28);
    border-color: rgba(246, 234, 217, 0.55);
}
.nav-cta-btn { border-color: rgba(196, 96, 47, 0.5); color: var(--blue-bright); }
.nav-cta-btn:hover { background: rgba(196, 96, 47, 0.1); border-color: var(--copper); color: var(--cream); }
.underline-accent { text-decoration-color: var(--copper); color: var(--blue-bright); }

/* Side-spesifikke regler som hadde blaa hex-verdier */
body .ns-hero h1 em,
body .bb-hero h1 em {
    background: linear-gradient(120deg, #f6ead9 0%, #e09a6e 55%, #c4602f 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
body .ns-hero::before,
body .bb-hero::before { background: radial-gradient(ellipse at center, rgba(196, 96, 47, 0.16), transparent 62%); }
body .scroll-progress-bar { background: linear-gradient(90deg, #a24c22, #d4834f); }
body .ns-eyebrow i,
body .bb-kicker i { background: var(--copper); box-shadow: 0 0 0 4px rgba(196, 96, 47, 0.18); }
body .ns-meta span::before { background: var(--copper); }
body .pk.ours {
    background: linear-gradient(180deg, rgba(196, 96, 47, 0.08), transparent 42%), var(--bg-card);
    box-shadow: 0 0 0 1px rgba(196, 96, 47, 0.08), 0 24px 60px -34px rgba(196, 96, 47, 0.5);
}
body .tile.pick { box-shadow: 0 0 0 1px rgba(196, 96, 47, 0.1); }
body .browser { background: #0e0c0b; }
body .browser-bar { background: #17130f; }
body .frame { background: #0e0c0b; }
body .ns-case-badge,
body .ns-case-badge i { color: #22c55e; }
body .footer { background: var(--bg-secondary); }