/*
   Default (Clean) Theme — YourTurn.group
   Provides neutral definitions for all texture / font / LED classes
   so templates work correctly regardless of theme selection.
*/

/* ------------------------------------------------------------------ */
/* BACKGROUNDS                                                          */
/* ------------------------------------------------------------------ */

/* Neutral page background (templates that use bg-stadium-grass) */
.bg-stadium-grass {
    background-color: var(--yt-bg, #f9fafb);
}

/* ------------------------------------------------------------------ */
/* CARD TEXTURES                                                        */
/* ------------------------------------------------------------------ */

/* Clean card surface */
.texture-metal {
    background-color: var(--yt-card-bg, #ffffff);
    border: 1px solid var(--yt-card-border, #e5e7eb);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Neutral header bar */
.texture-wood {
    background-color: var(--yt-primary, #1e3a8a);
    color: #ffffff;
}

/* Stats / rotation block */
.texture-scoreboard {
    background-color: var(--yt-primary, #1e3a8a);
    border: 1px solid var(--yt-card-border, #e5e7eb);
    border-radius: 10px;
    color: #ffffff;
}

/* Lined section backgrounds */
.texture-paper {
    background-color: var(--yt-card-bg, #ffffff);
    border: 1px solid var(--yt-card-border, #e5e7eb);
    border-radius: 8px;
}

/* ------------------------------------------------------------------ */
/* TYPOGRAPHY                                                           */
/* ------------------------------------------------------------------ */

.font-jersey {
    font-family: var(--yt-font-heading, 'Inter', sans-serif);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.font-scoreboard {
    font-family: var(--yt-font-mono, 'JetBrains Mono', monospace);
    text-transform: uppercase;
}

.font-condensed {
    font-family: var(--yt-font-body, 'Inter', sans-serif);
}

/* ------------------------------------------------------------------ */
/* SEMANTIC TEXT TOKENS (Sprint 41a)                                   */
/* ------------------------------------------------------------------ */
/* Used by member templates for structural text whose color depends on
   the body background / card surface. Default theme pulls from the
   group's configured yt-* palette so a custom theme with unusual
   colors still reads. */

/* Big titles & back-links that sit on the page body background */
.text-theme-on-body {
    color: var(--yt-primary, #1e3a8a);
}
/* Subtitles / small labels on body background */
.text-theme-on-body-muted {
    color: #6b7280;
}
/* Highlight color on LIGHT card surfaces (.texture-metal = white). */
.text-theme-on-light-card {
    color: var(--yt-primary, #1e3a8a);
}
/* Highlight color on DARK surfaces. */
.text-theme-on-dark-card {
    color: var(--yt-secondary, #f59e0b);
}

/* ------------------------------------------------------------------ */
/* TEXT EFFECTS                                                         */
/* ------------------------------------------------------------------ */

.text-embossed {
    color: var(--yt-secondary, #f59e0b);
}

.text-stamped {
    color: var(--yt-primary, #1e3a8a);
}

/* ------------------------------------------------------------------ */
/* LED INDICATORS — functional dots without glow                        */
/* ------------------------------------------------------------------ */

.led-light {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #cbd5e1;
    display: inline-block;
}

.led-light.active-red {
    background-color: #ef4444;
}

.led-light.active-green {
    background-color: #22c55e;
}

.led-light.active-yellow {
    background-color: #f59e0b;
}

/* ------------------------------------------------------------------ */
/* DECORATIVE ELEMENTS — hidden in default theme                        */
/* ------------------------------------------------------------------ */

.screw-head {
    display: none;
}

/* ------------------------------------------------------------------ */
/* BOX SCORE / TABLE STYLES                                             */
/* ------------------------------------------------------------------ */

.box-score-grid {
    border: 1px solid var(--yt-card-border, #e5e7eb);
    border-radius: 6px;
    overflow: hidden;
}

.box-score-header {
    background-color: var(--yt-primary, #1e3a8a);
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px;
    border-bottom: 2px solid var(--yt-card-border, #e5e7eb);
}

.box-score-row {
    border-bottom: 1px solid var(--yt-card-border, #e5e7eb);
    font-family: var(--yt-font-mono, monospace);
}
.box-score-row:last-child {
    border-bottom: none;
}

.box-score-cell {
    padding: 8px 12px;
    border-right: 1px solid var(--yt-card-border, #e5e7eb);
}
.box-score-cell:last-child {
    border-right: none;
}

.handwritten-note {
    font-style: italic;
    color: #374151;
}