/* brand-dgrk.css — DigiRelik brand layer (tokens + light overrides)
   Purpose: bring back original DigiRelik cyan/neon identity without breaking SimpleSL layout.
   Load order: AFTER app.css
*/
:root {
    /* Brand tokens mapped onto app.css variables (dark mode baseline) */
    /* You can tweak these to dial identity intensity */
    --accent: #00ffff;
    --accent-contrast: #061b1b;
    /* dark text on cyan */
    --bg-body: #0d0d0d;
    --bg-surface: #1a1a1a;
    --bg-elevated: #121619;
    /* slightly darker panels */
    --border: #203036;
    /* subtle teal-ish border */
}

/* Links */
a {
    color: var(--accent);
}

a:hover {
    color: color-mix(in oklab, var(--accent) 75%, white 25%);
}

/* Buttons variants aligned with brand */
.btn-primary {
    background: var(--accent);
    color: var(--accent-contrast);
    border-color: color-mix(in oklab, var(--accent) 60%, black 40%);
}

.btn-primary:hover {
    background: color-mix(in oklab, var(--accent) 85%, white 15%);
}

.btn-outline {
    background: transparent;
    border-color: var(--accent);
    color: var(--accent);
}

.btn-outline:hover {
    background: color-mix(in oklab, var(--accent) 12%, transparent);
}

/* Raw button baseline gets a tiny brand nudge on hover */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background: color-mix(in oklab, var(--bg-elevated) 80%, var(--accent) 20%);
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
    background: #14191d;
    border-color: #1f2b31;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--accent) 20%, transparent);
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--accent);
}

/* Tables and cards subtle brand look */
.table thead th {
    color: var(--accent);
}

.card:hover {
    border-color: color-mix(in oklab, var(--accent) 40%, var(--border) 60%);
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--accent) 35%, transparent), var(--shadow);
}

/* Badges brandy */
.badge {
    background: color-mix(in oklab, var(--accent) 18%, transparent);
    color: var(--accent-contrast);
}

/* Nav active state glow */
.mn a[aria-current="page"] {
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent), 0 0 0 3px rgba(0, 255, 255, 0.12);
}

/* Optional: modal card keep dark brand */
.modal-card {
    background: var(--bg-surface);
    border-color: var(--border);
}