/* ================================================================
   Bevilege Brand Tokens -- v1.0 (2026)
   ================================================================

   "Software para los que reciben. Inteligencia para los que crecen."

   Be privileged. Be Bevilege.

   Reglas estrictas del brand brief:

   01. Sentence case en todo titulo. Nunca Title Case.
   02. Plum-soft (#B5A4C9) esta reservado exclusivamente para el logo.
       Jamas en texto editorial, italics, fondos o acentos.
       Los italics editoriales viven en plum (#4A2F5F).
   03. Nunca #000 ni #FFF. Tinta es #15110D, crema es #F0EBE0.
       El sistema cromatico respira en calidos.
   04. Sin emojis ni iconos de SaaS generico. Todos los iconos son
       SVG outline custom, peso ligero, en plum o stone.
   05. Wireframes monocromaticos stone-100 con acentos plum/gold
       sutiles. No naturalistas, no fotos, no sombras dramaticas.
   06. Italics solo en Fraunces. Inter nunca va en italic.
   07. Una accion primaria por seccion. Si dos CTAs gold compiten,
       uno esta mal asignado.
   08. Sin exclamaciones, sin Title Case, sin adjetivos vacios.

   ================================================================ */


/* ================================================================
   SECCION 2 -- Google Fonts
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;1,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');


/* ================================================================
   SECCION 3 -- Tokens crudos (raw)
   ================================================================ */

:root {
  /* -- Cromaticos -- */
  --bv-raw-ink: #15110D;
  --bv-raw-ink-soft: #3A332A;
  --bv-raw-cream: #F0EBE0;
  --bv-raw-cream-deep: #E8DFC7;
  --bv-raw-plum: #4A2F5F;
  --bv-raw-plum-deep: #2E1B3D;
  --bv-raw-plum-soft: #B5A4C9;   /* RESERVADO LOGO -- regla 02: jamas en texto, italics, fondos o acentos */
  --bv-raw-gold: #D4A852;
  --bv-raw-gold-deep: #A8842F;
  --bv-raw-stone-100: #8A7D68;
  --bv-raw-stone-200: #5C5141;

  /* -- Tipografia (stacks crudos) -- */
  --bv-raw-font-display: 'Fraunces', Georgia, serif;
  --bv-raw-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bv-raw-font-mono: 'JetBrains Mono', 'Courier New', monospace;


  /* ================================================================
     SECCION 4 -- Tokens semanticos (dark theme -- default)
     ================================================================ */

  /* -- Backgrounds -- */
  --bv-bg: var(--bv-raw-ink);                         /* fondo base */
  --bv-bg-elevated: var(--bv-raw-ink-soft);            /* tarjetas, modales, paneles */
  --bv-bg-subtle: rgba(240, 235, 224, 0.04);           /* hover states, separadores suaves */

  /* -- Text -- */
  --bv-text: var(--bv-raw-cream);                      /* texto principal sobre fondo oscuro */
  --bv-text-muted: var(--bv-raw-stone-100);            /* texto secundario, labels */
  --bv-text-editorial: var(--bv-raw-plum);             /* italics editoriales en Fraunces */
  --bv-text-editorial-deep: var(--bv-raw-plum-deep);   /* cierre de italics dobles */

  /* -- Borders -- */
  --bv-border: var(--bv-raw-stone-200);                /* bordes default */
  --bv-border-subtle: rgba(240, 235, 224, 0.08);       /* divisores sutiles */

  /* -- CTAs: primary (gold fill) -- */
  --bv-cta-primary-bg: var(--bv-raw-gold);
  --bv-cta-primary-text: var(--bv-raw-ink);
  --bv-cta-primary-hover-bg: var(--bv-raw-gold);       /* mismo color, brillo sutil via filter */
  --bv-cta-primary-hover-filter: brightness(1.08);

  /* -- CTAs: secondary (plum outline) -- */
  --bv-cta-secondary-border: var(--bv-raw-plum);
  --bv-cta-secondary-text: var(--bv-raw-plum);
  --bv-cta-secondary-hover-bg: var(--bv-raw-plum);
  --bv-cta-secondary-hover-text: var(--bv-raw-cream);

  /* -- Accents -- */
  --bv-accent: var(--bv-raw-plum);                     /* lineas decorativas, headers de acordeon */
  --bv-accent-gold: var(--bv-raw-gold);                /* acentos puntuales */

  /* -- Logo halo (regla 06 del brand brief) -- */
  --bv-logo-halo: rgba(74, 47, 95, 0.18);              /* plum opacity 0.18 */

  /* -- Tipografia (alias semantico) -- */
  --bv-font-display: var(--bv-raw-font-display);
  --bv-font-body: var(--bv-raw-font-body);
  --bv-font-mono: var(--bv-raw-font-mono);

  /* -- Spacing scale (base 8px) -- */
  --bv-space-1: 4px;
  --bv-space-2: 8px;
  --bv-space-3: 12px;
  --bv-space-4: 16px;
  --bv-space-5: 24px;
  --bv-space-6: 32px;
  --bv-space-7: 48px;
  --bv-space-8: 64px;

  /* -- Radius scale: discreto, sin curvas dramaticas -- */
  --bv-radius-sm: 4px;
  --bv-radius-md: 8px;
  --bv-radius-lg: 12px;
  --bv-radius-full: 9999px;

  /* -- Shadows: sutiles, regla 05 prohibe sombras dramaticas -- */
  --bv-shadow-sm: 0 1px 2px rgba(21, 17, 13, 0.4);
  --bv-shadow-md: 0 4px 12px rgba(21, 17, 13, 0.5);

  /* -- Transitions: interacciones discretas, cero rebote -- */
  --bv-transition-fast: 150ms ease-out;
  --bv-transition-base: 200ms ease-out;
}


/* ================================================================
   SECCION 5 -- Utilidades tipograficas base
   ================================================================
   (reservado para utilidades futuras -- clases .bv-* se agregaran
   al aplicar tokens en componentes)
   ================================================================ */


/* ================================================================
   SECCION 6 -- Placeholder light theme (no usar todavia)
   ================================================================

   Light theme (cream-first) esta fuera de scope para v1.
   La estructura semantica permite agregarlo despues con un
   :root[data-theme='light'] que sobrescriba los tokens semanticos
   sin tocar los crudos.
   No implementar hasta decision explicita.

   ================================================================ */