/**
 * Site-wide neutral accent (charcoal — no cool / blue bias).
 * Hairlines, soft rails, and focus — kept low-contrast.
 */
:root {
    --site-accent: #404040;
    --site-accent-deep: #262626;
    --site-accent-soft: rgba(64, 64, 64, 0.14);
    --site-accent-glow: rgba(64, 64, 64, 0.35);
    --site-accent-muted: rgba(64, 64, 64, 0.08);
    --site-accent-wash: rgba(64, 64, 64, 0.04);
    --site-accent-line: rgba(64, 64, 64, 0.12);
    --site-accent-ring: rgba(64, 64, 64, 0.15);

    /* Primary text + borders — charcoal aligned with slab neutrals (not pure black) */
    --ink: #1a1a1c;
    --ink-soft: #2e2e32;
    --ink-95: color-mix(in srgb, var(--ink) 95%, transparent);
    --ink-90: color-mix(in srgb, var(--ink) 90%, transparent);
    --ink-85: color-mix(in srgb, var(--ink) 85%, transparent);
    --ink-80: color-mix(in srgb, var(--ink) 80%, transparent);
    --ink-75: color-mix(in srgb, var(--ink) 75%, transparent);
    --ink-70: color-mix(in srgb, var(--ink) 70%, transparent);
    --ink-60: color-mix(in srgb, var(--ink) 60%, transparent);
    --ink-55: color-mix(in srgb, var(--ink) 55%, transparent);
    --ink-50: color-mix(in srgb, var(--ink) 50%, transparent);
    --ink-45: color-mix(in srgb, var(--ink) 45%, transparent);
    --ink-40: color-mix(in srgb, var(--ink) 40%, transparent);
    --ink-35: color-mix(in srgb, var(--ink) 35%, transparent);
    --ink-30: color-mix(in srgb, var(--ink) 30%, transparent);
    --ink-25: color-mix(in srgb, var(--ink) 25%, transparent);
    --ink-decoration-15: color-mix(in srgb, var(--ink) 15%, transparent);

    /* Dimensional dark surfaces (featured bento, protocol chrome, CTAs) */
    --arvado-slab-gradient: linear-gradient(158deg, #303034 0%, #1e1e22 38%, #121214 100%);
    --arvado-slab-gradient-hover: linear-gradient(158deg, #3a3a3e 0%, #26262a 38%, #1a1a1c 100%);
    --arvado-slab-gradient-cta: linear-gradient(158deg, #2e2e32 0%, #1c1c20 40%, #131315 100%);
    --arvado-slab-gradient-cta-hover: linear-gradient(158deg, #38383c 0%, #242428 40%, #18181a 100%);
    --arvado-slab-inset-top: inset 0 1px 0 0 rgba(255, 255, 255, 0.06);
    --arvado-slab-inset-top-strong: inset 0 1px 0 0 rgba(255, 255, 255, 0.08);
}

/* Primary dark CTA — same language as index bento-featured */
.arvado-slab-btn {
    background: var(--arvado-slab-gradient-cta);
    color: #fff;
    box-shadow:
        var(--arvado-slab-inset-top-strong),
        0 4px 14px -4px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(0, 0, 0, 0.12);
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.arvado-slab-btn:hover {
    background: var(--arvado-slab-gradient-cta-hover);
    box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.1),
        0 6px 20px -4px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(0, 0, 0, 0.14);
}

.arvado-slab-btn--hero {
    box-shadow:
        var(--arvado-slab-inset-top-strong),
        0 25px 50px -12px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(255, 255, 255, 0.06);
}
.arvado-slab-btn--hero:hover {
    box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.1),
        0 28px 55px -12px rgba(0, 0, 0, 0.48),
        0 0 0 1px rgba(255, 255, 255, 0.08);
}

.arvado-slab-btn--stack {
    box-shadow:
        var(--arvado-slab-inset-top-strong),
        0 6px 24px -6px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(0, 0, 0, 0.15);
}

.arvado-slab-btn--prominent {
    box-shadow:
        var(--arvado-slab-inset-top-strong),
        0 4px 16px -6px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(0, 0, 0, 0.1);
}
.arvado-slab-btn--prominent:hover {
    box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.1),
        0 6px 22px -6px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(0, 0, 0, 0.12);
}

/* Parent pivot / full-bleed dark band (index) */
.arvado-pivot-band {
    background: linear-gradient(168deg, #2d2d31 0%, #1c1c1f 28%, #141416 55%, #0e0e11 100%);
    box-shadow: var(--arvado-slab-inset-top);
}

/* Avoid the browser default blue on unstyled links; :where() keeps Tailwind text-* utilities winning */
:where(.page-sheet) a {
    color: inherit;
}

/* Section label hairlines — disabled site-wide */
.accent-hairline {
    display: none !important;
}

/* Form / callout — matches featured bento inset weight, lighter */
.accent-inset-panel {
    box-shadow: inset 2px 0 0 0 var(--site-accent);
}

/* conversation.html — form focus */
.page-sheet .terminal-input:focus {
    border-bottom-color: var(--site-accent);
}

/* testimonials.html — signal cards: same family as index review-card */
.signal-card {
    box-shadow: 0 1px 0 0 var(--site-accent-line);
}
.signal-card:hover {
    box-shadow:
        0 20px 40px -20px rgba(0, 0, 0, 0.12),
        0 0 0 1px var(--site-accent-ring);
}