/* NextGen look for the dauthz-gate sign-in pages. Loaded after the shared
   dauthz-login.css through the gate's ui.theme_head hook, so it only has to
   redefine the Cyfron design tokens and restyle a few elements. Colours are
   the ones the docs site uses in Header.tsx and DocumentationContent.tsx. */
:root {
    --ng-coral: #df6a4e;
    --ng-coral-hover: #c85f45;
    --ng-plum: #5b1f3d;
    --ng-logo-bg: #df6a4e;

    --cy-blue: #e0634e;
    --cy-blue-deep: #c85f45;
    --cy-blue-700: #b4513a;
    --cy-blue-glow: rgba(224, 99, 78, .3);
    --cy-ink: #5b1f3d;
    --cy-text-muted: #7d5b58;
    --cy-text-dim: #8b6b68;
    --cy-border: #e8d5d0;
    --cy-border-strong: #d9bdb5;
    --cy-surface: #ffffff;
    --cy-surface-soft: #fff5f0;
    --cy-bg: #fff5f0;
    --cy-info: #e0634e;
    --cy-info-bg: rgba(224, 99, 78, .08);
}

:root.dark {
    --ng-coral-hover: #f08b73;
    --ng-plum: #f5d5c8;
    --ng-logo-bg: #1a0e18;

    --cy-blue: #e0634e;
    --cy-blue-deep: #f08b73;
    --cy-blue-700: #f08b73;
    --cy-blue-glow: rgba(224, 99, 78, .35);
    --cy-ink: #f5d5c8;
    --cy-text-muted: #c0a8a5;
    --cy-text-dim: #a08b88;
    --cy-border: #3d2c3a;
    --cy-border-strong: #523d4e;
    --cy-surface: #1a0e18;
    --cy-surface-soft: #2d1f2b;
    --cy-bg: #0d0609;
    --cy-success: #5cc48a;
    --cy-success-bg: rgba(92, 196, 138, .1);
    --cy-error: #f07a7a;
    --cy-error-bg: rgba(240, 122, 122, .1);
    --cy-info-bg: rgba(224, 99, 78, .12);
}

:root.dark { color-scheme: dark; }

body {
    flex-direction: column;
    gap: 20px;
}

/* NextGen logo above the card, in the same tile as the site header. */
body::before {
    content: "";
    width: 150px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--ng-logo-bg) url("/dkms-login/logo-nextgen.svg") center / 130px 36px no-repeat;
}

.card {
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(91, 31, 61, .06), 0 8px 24px rgba(91, 31, 61, .06);
}
:root.dark .card { box-shadow: none; }

.eyebrow { color: var(--ng-coral); }

h1 {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    color: var(--ng-plum);
}

/* The primary action is a filled coral button, like the site's accents. The
   Cyfron mark inside it does not belong to DKMS, so it is hidden. */
.cy-btn svg { display: none; }
.cy-btn-outline,
:root.dark .cy-btn-outline {
    background: var(--ng-coral);
    border-color: var(--ng-coral);
    color: #ffffff;
}
.cy-btn-outline:not(:disabled):hover {
    background: var(--ng-coral-hover);
    border-color: var(--ng-coral-hover);
    color: #ffffff;
}

.copy-url-link {
    margin-left: auto;
    margin-right: auto;
    color: var(--cy-text-dim);
}
.copy-url-link:hover {
    color: var(--ng-coral);
    text-decoration-color: var(--ng-coral);
}

.qr-code { padding: 8px; }

.status.pending { border-color: rgba(224, 99, 78, .25); }