/* ==========================================================================
   betnays — Shared design tokens
   Load first on every nays layout (mobile + desktop).
   Accent: #FF8C00 · Surfaces: #0f0f0f / #121212 / #1a1a1a
   Type: Manrope (balanced UI + headings)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root,
body.page-nays {
    /* Surfaces */
    --nays-bg: #0f0f0f;
    --nays-bg2: #121212;
    --nays-bg3: #1a1a1a;
    --nays-bg4: #222222;
    --nays-bg-elevated: #121212;
    --nays-bg-card: #1a1a1a;
    --nays-bg-card-hover: #222222;
    --nays-bg-soft: #161616;
    --nays-bg-input: #141414;
    --nays-card: #1a1a1a;

    /* Borders */
    --nays-border: #2a2a2a;
    --nays-border-strong: #3a3a3a;
    --nays-border-muted: rgba(255, 255, 255, 0.06);

    /* Brand */
    --nays-orange: #FF8C00;
    --nays-orange-hover: #ff9e26;
    --nays-orange-dark: #e67e00;
    --nays-orange-soft: rgba(255, 140, 0, 0.14);
    --nays-orange-glow: rgba(255, 140, 0, 0.32);
    --nays-orange-ring: rgba(255, 140, 0, 0.35);
    --nays-orange-wash: #ffd27a;
    --nays-signup: #22c55e;
    --nays-signup-hover: #16a34a;

    /* Text */
    --nays-text: #ffffff;
    --nays-text-secondary: #cfcfcf;
    --nays-muted: #8a8a8a;
    --nays-muted2: #6e6e6e;
    --nays-muted-2: #6b6b6b;

    /* Status */
    --nays-danger: #ff4d4f;
    --nays-success: #22c55e;
    --nays-live: #ff3b3b;

    /* Type — Manrope: clean proportions, not condensed/wide */
    --nays-font: 'Manrope', 'Segoe UI', sans-serif;
    --nays-font-display: 'Manrope', 'Segoe UI', sans-serif;
    --nays-font-header: 'Manrope', 'Segoe UI', sans-serif;
    --cr-font: var(--nays-font);
    --cr-font-display: var(--nays-font-display);

    /* Radii / layout */
    --nays-radius: 10px;
    --nays-radius-sm: 8px;
    --nays-radius-lg: 12px;
    --nays-radius-pill: 999px;
    --nays-header-h: 56px;
    --nays-nav-h: 60px;
    --nays-page-pad: 12px;

    /* Effects */
    --nays-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    --nays-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.35);
    --nays-ease: 0.2s ease;
    --nays-transition: 0.18s ease;

    /* Z */
    --nays-z-header: 900;
    --nays-z-nav: 850;
    --nays-z-sheet: 1200;
    --nays-z-modal: 2200;
    --nays-z-toast: 3000;
    --nays-z-overlay: 99999;

    /* Map shared/main-site tokens → nays (modals, finance leftovers, etc.) */
    --cr-black: #0f0f0f;
    --cr-bg: #0f0f0f;
    --cr-bg2: #121212;
    --cr-bg3: #1a1a1a;
    --cr-bg4: #222222;
    --cr-blue: #FF8C00;
    --cr-blue-dark: #e67e00;
    --cr-blue-light: #ff9e26;
    --cr-cyan: #FF8C00;
    --cr-gold: #FF8C00;
    --cr-gold-light: #ff9e26;
    --cr-gold-dark: #e67e00;
    --cr-border: #2a2a2a;
    --cr-header-bg: #0f0f0f;
    --cr-nav-bg: #121212;
    --cr-glow: 0 0 20px rgba(255, 140, 0, 0.35);
}

/* Hard lock surfaces — beats injected LACOSBET theme-vars !important */
body.page-nays,
body.page-nays.page-mobile,
body.page-nays.page-desktop {
    background-color: var(--nays-bg) !important;
    background-image: none;
    color: var(--nays-text);
    font-family: var(--nays-font);
    font-feature-settings: 'ss01' on, 'kern' on;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.page-nays,
body.page-nays button,
body.page-nays input,
body.page-nays textarea,
body.page-nays select,
body.page-nays optgroup {
    font-family: var(--nays-font) !important;
}

body.page-nays h1,
body.page-nays h2,
body.page-nays h3,
body.page-nays h4,
body.page-nays .nays-logo,
body.page-nays [class*="__title"],
body.page-nays [class*="__heading"],
body.page-nays [class*="-title"],
body.page-nays [class*="-heading"] {
    font-family: var(--nays-font-display) !important;
    letter-spacing: -0.02em;
}

body.page-nays a {
    color: var(--nays-orange);
}

/* Shared button primitives */
body.page-nays .nays-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 16px;
    border-radius: var(--nays-radius-sm);
    border: 1px solid transparent;
    font-family: inherit;
    font-weight: 800;
    font-size: 0.82rem;
    letter-spacing: 0.03em;
    text-decoration: none !important;
    cursor: pointer;
    transition: background var(--nays-ease), color var(--nays-ease), border-color var(--nays-ease);
}
body.page-nays .nays-btn--primary {
    background: var(--nays-orange);
    border-color: var(--nays-orange);
    color: #111 !important;
}
body.page-nays .nays-btn--primary:active,
body.page-nays .nays-btn--primary:hover {
    background: var(--nays-orange-hover);
    border-color: var(--nays-orange-hover);
    color: #111 !important;
}
body.page-nays .nays-btn--ghost {
    background: var(--nays-bg3);
    border-color: var(--nays-border);
    color: #fff !important;
}
body.page-nays .nays-btn--ghost:active,
body.page-nays .nays-btn--ghost:hover {
    border-color: var(--nays-orange);
    color: var(--nays-orange) !important;
}
body.page-nays .nays-btn--block { width: 100%; }
body.page-nays .nays-btn--sm {
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.72rem;
}
body.page-nays .nays-btn--lg {
    min-height: 46px;
    padding: 0 20px;
    font-size: 0.92rem;
}

/* Logo wordmark */
body.page-nays .nays-logo__bet,
body.page-nays .nays-m-logo__bet { color: #fff; }
body.page-nays .nays-logo__nays,
body.page-nays .nays-m-logo__nays { color: var(--nays-orange); }