/* ============================================================
   shared/css/tokens.css
   Identidad visual global: colores, tipografías y variables.
   Único lugar donde se define la paleta y el tema light/dark.
   Todas las páginas (público + admin) linkean este archivo
   ANTES de su propio CSS.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --bg:           #FEFCE8;
  --bg-card:      #FFFFFF;
  --bg-yellow:    #FDE68A;
  --bg-pink:      #FBCFE8;
  --bg-nav:       rgba(254,252,232,0.92);

  --accent:       #E89090;
  --accent-dark:  #C97070;
  --gold:         #D4A017;
  --gold-light:   #F0C040;

  --text:         #3D2020;
  --text-mid:     #7A5A5A;
  --text-muted:   #B09090;

  --border:       #F0DEB0;
  --border-pink:  #F5C8D8;

  --shadow-sm:    0 2px 12px rgba(61,32,32,0.06);
  --shadow-md:    0 4px 24px rgba(61,32,32,0.10);
  --shadow-lg:    0 8px 40px rgba(232,144,144,0.18);

  --radius-sm:    8px;
  --radius-md:    14px;
  --radius-lg:    22px;
  --radius-xl:    32px;

  --nav-h:        64px;
}

[data-theme="dark"] {
  --bg:           #140F0B;
  --bg-card:      #221A12;
  --bg-yellow:    #4A3410;
  --bg-pink:      #3A1E28;
  --bg-nav:       rgba(20,15,11,0.95);

  --gold:         #E8B23D;
  --gold-light:   #F5C765;

  --text:         #F5EAD8;
  --text-mid:     #D0A96E;
  --text-muted:   #8C7358;

  --border:       #3A2E1E;
  --border-pink:  #4A2A30;

  --shadow-sm:    0 2px 12px rgba(0,0,0,0.35);
  --shadow-md:    0 4px 24px rgba(0,0,0,0.45);
  --shadow-lg:    0 8px 40px rgba(232,178,61,0.16);
}

/* Logo real (círculo, .png) — base compartida por admin y sitio
   público; cada lugar ajusta el tamaño exacto en su propio CSS.
   Tamaño por default pensado para el header/topbar. */
.identity-logo-img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 2px;
}