/* ============================================================
   TEMA DE INSTANCIA — Union Musical Redovan — "Frac & Corbata"
   ============================================================
   Este es el UNICO fichero que cambia entre clientes.
   custom.css y los 17 HTML son identicos en todas las instancias.

   Se carga DESPUES de tailwind.css (para pisar los tokens que
   @theme hornea en :root) y ANTES de custom.css (que ya no
   declara ningun token, solo los consume).

   Contrato: 43 tokens (41 obligatorios + 2 opcionales de trama),
   definido en clients/_tokens.json — esa es la fuente de verdad,
   no esta cabecera. Los nombres son fijos; los valores son libres. Si un diseno necesita cambiar algo que no esta aqui
   (reticula, composicion, tipo de heroe) no es un tema: es un
   skin, y eso se decide aparte.

   Un cliente de fondo claro reescribe el bloque de superficies
   y pone `--tela: none`.
   
   Paleta derivada del escudo y del uniforme de concierto
   (frac negro + corbata carmin). Ver STYLE-002.

   Manifiesto: clients/redovan-um/brand.json. Este fichero NO se
   regenera desde el (los comentarios de contraste de abajo valen
   mas que la uniformidad); la paridad se verifica con:
     .\tools\New-ClientTheme.ps1 -Manifest clients\redovan-um\brand.json -Check
   ============================================================ */

:root {
  /* Paleta "Frac & Corbata" — derivada del escudo + uniforme de concierto
     (traje negro + corbata carmín). */
  --color-primary: #1A1614;          /* Frac — negro cálido, estructura */
  --color-primary-soft: #2A2420;     /* Hombrera — superficies oscuras secundarias */
  --color-primary-deep: #0E0B0A;     /* Sombra profunda (footer) */
  --color-secondary: #F4EDDC;        /* Marfil — pechera / lienzo */
  --color-secondary-warm: #ECE3CD;   /* Marfil tostado para bloques alternos */
  --color-accent-red: #A41E2A;       /* Carmín — corbata, texto del escudo */
  --color-accent-red-deep: #7A1620;  /* Carmín profundo (hover, énfasis tipográfico) */
  --color-accent-gold: #B58740;      /* Oro de la lira y la corona */
  --color-laurel: #2E5B3E;           /* Verde laurel — solo ornamental, muy puntual */
  --color-ink: #2A201A;              /* Cuerpo de texto — marrón muy oscuro, no negro puro */
  --color-rule: rgb(181 135 64 / 35%);
  --color-rule-strong: rgb(181 135 64 / 65%);
  --color-accent-gold-text: #7A5D28;  /* Oro oscurecido — ratio ~5.25:1 sobre marfil, AA. El --color-accent-gold original (2.77:1) solo cumple AA como decorativo/borde, no como texto sobre fondo claro. */
  --color-accent-red-on-surface: #D14B5A; /* carmin aclarado: 4.54:1 sobre superficie oscura (el #A41E2A da 2.61:1) */
  --on-accent-gold: #1A1614; /* texto sobre el acento oro: 5.57:1 (el blanco da 3.23:1) */
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ----------------------------------------------------------------
     Componentes RGB — permiten cualquier opacidad sin repetir el color.
     El oro aparecia con 8 opacidades distintas escritas a mano en 60+
     reglas; con esto sale una sola vez.
  ---------------------------------------------------------------- */
  --gold-rgb: 181 135 64;
  --red-rgb: 164 30 42;
  --ink-rgb: 42 32 26;
  --secondary-rgb: 244 237 220;
  --on-surface-muted-rgb: 217 199 154;
  --laurel-rgb: 46 91 62;

  /* ----------------------------------------------------------------
     Escala de superficies oscuras — "la tela del frac".
     Antes eran 5 literales huerfanos sin token; son las superficies
     que hacen que el sitio sea oscuro, asi que un cliente de fondo
     claro solo necesita reescribir este bloque.
  ---------------------------------------------------------------- */
  --surface-deep: #07050A;      /* secciones de maximo peso */
  --surface-topbar: #08060A;    /* barra superior */
  --surface-base: #0F0B09;      /* header y secciones interiores */
  --surface-raised: #100C0A;    /* bloques elevados sobre la base */
  --surface-soft: #14100E;      /* superficie alterna, mas clara */

  --on-surface: var(--color-secondary);        /* texto sobre superficie oscura */
  --on-surface-muted: #D9C79A;                 /* topbar: oro claro, no marfil */
  --on-surface-bright: #EFE6CF;                /* enfasis sobre superficie */
  --on-surface-dim: #D6CFB7;                   /* secundario sobre superficie */

  /* ----------------------------------------------------------------
     Trama y vineta — el acabado "negro tela".
     Un cliente de fondo claro pone `--tela: none`.
     Las variaciones originales por superficie (2,2-3,5% de luz y
     35-40% de sombra) se unifican: la diferencia es invisible a 1px
     y hacia intratable el sistema.
  ---------------------------------------------------------------- */
  --tela-luz: rgb(255 255 255 / 3%);
  --tela-sombra: rgb(0 0 0 / 40%);
  --tela:
    repeating-linear-gradient( 45deg, var(--tela-luz)    0 1px, transparent 1px 3px),
    repeating-linear-gradient(-45deg, var(--tela-sombra) 0 1px, transparent 1px 3px);
  --vineta: radial-gradient(120% 100% at 50% 50%, transparent 40%, rgb(0 0 0 / 45%) 100%);

  /* ----------------------------------------------------------------
     Color semantico — independiente de la marca (estados, no identidad).
     Estaban como ambers de Tailwind y verdes sueltos sin token.
  ---------------------------------------------------------------- */
  --color-success: #4F9F6E;
  --color-success-text: #1F4A33;   /* verde oscurecido para texto sobre fondo claro */
  --color-success-soft: #6FA88A;
  --success-rgb: 79 168 138;
  --color-warning: #FBBF24;
  --color-warning-strong: #F59E0B;
}