/* Páginas legales de Golf Bet: mismos tokens de color que style.css, sin la
   maqueta de la app. Contraste verificado: texto 16,5:1 y secundario 8,3:1. */
:root {
    --bg: #0E0F11;
    --surface: #16181B;
    --line: #2A2E33;
    --text: #EDEEF0;
    --text-2: #A6ABB2;
    --brand: #CDB37A;
    --pendiente-bg: #3A3216;
    --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    --font-text: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-text);
    font-size: 1rem;
    line-height: 1.6;
}

.wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 16px 64px;
}

a { color: var(--brand); text-underline-offset: 2px; }
a:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

.back {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-weight: 600;
}

h1, h2 { font-family: var(--font-display); letter-spacing: 0.01em; line-height: 1.15; }
h1 { font-size: 2.4rem; margin: 16px 0 4px; }
h2 { font-size: 1.55rem; margin: 36px 0 8px; color: var(--brand); }
h3 { font-size: 1.05rem; margin: 20px 0 4px; }

.meta { color: var(--text-2); margin: 0 0 24px; }

.box {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 16px;
    margin: 16px 0;
}

table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
th, td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--line); }
th { color: var(--text-2); font-weight: 600; }
.table-scroll { overflow-x: auto; }
code { font-size: 0.875rem; overflow-wrap: anywhere; }

ul, ol { padding-left: 1.25rem; }
li { margin: 4px 0; }

/* Datos del responsable que faltan por completar antes de publicar */
.pendiente {
    background: var(--pendiente-bg);
    color: var(--text);
    border: 1px dashed var(--brand);
    border-radius: 4px;
    padding: 0 4px;
}

nav.legal-links {
    margin-top: 48px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
    display: flex;
    flex-wrap: wrap;
    gap: 4px 20px;
}
nav.legal-links a { display: inline-flex; align-items: center; min-height: 44px; }