/* ============================================================================
   tokens.css — Paleta y medidas de Word 2024 (M365, tema Light), plan §2.
   TODAS las variables de la app usan el prefijo --wd-.
   ========================================================================== */
:root {
  /* --- Colores de marca y acento (plan §2.1) --- */
  --wd-blue: #2B579A;             /* azul marca Word (icono, backstage, Archivo) */
  --wd-blue-dark: #1F4172;        /* hover de superficies azules de marca */
  --wd-accent: #185ABD;           /* acento: selección activa, botones primarios */
  --wd-accent-dark: #1349A0;      /* hover del acento */
  --wd-link: #0563C1;             /* hipervínculos */

  /* --- Superficies --- */
  --wd-titlebar-bg: #FFFFFF;
  --wd-qat-bg: #FFFFFF;
  --wd-ribbon-bg: #F3F2F1;        /* fila de pestañas de la cinta */
  --wd-ribbon-tab-active-bg: #FFFFFF;  /* píldora blanca de la pestaña activa */
  --wd-ribbon-body-bg: #FFFFFF;   /* cuerpo de la cinta (se funde con la píldora) */
  --wd-ruler-bg: #F3F2F1;
  --wd-canvas-bg: #E1DFDD;        /* zona gris alrededor de las páginas */
  --wd-grid: #D8E2F0;             /* líneas de cuadrícula (Vista → Mostrar) */
  --wd-page-bg: #FFFFFF;
  --wd-statusbar-bg: #F3F2F1;
  --wd-gallery-bg: #EDEBE9;       /* fondos de galería/panel */

  /* --- Texto --- */
  --wd-text: #201F1E;
  --wd-text-2: #323130;
  --wd-text-secondary: #605E5C;
  --wd-text-disabled: #A19F9D;

  /* --- Bordes y líneas --- */
  --wd-separator: #D9D9D9;
  --wd-border-soft: #C8C6C4;      /* combos, desplegables, menús */
  --wd-border-strong: #8A8886;    /* controles de formulario en diálogos */
  --wd-group-sep: #E1DFDD;        /* separador vertical entre grupos de la cinta */

  /* --- Estados de error/peligro --- */
  --wd-danger: #E81123;           /* hover del botón cerrar de un diálogo */
  --wd-error: #A4262C;            /* texto de error en formularios */

  /* --- Sombras --- */
  --wd-menu-shadow: 0 6.4px 14.4px rgba(0, 0, 0, 0.13), 0 1.2px 3.6px rgba(0, 0, 0, 0.11);
  --wd-dialog-shadow: 0 25.6px 57.6px rgba(0, 0, 0, 0.22), 0 4.8px 14.4px rgba(0, 0, 0, 0.18);

  /* --- Selección y edición --- */
  --wd-selection: rgba(43, 87, 154, 0.25);  /* selección de texto */
  --wd-caret: #201F1E;
  --wd-page-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

  /* --- Tablas (plan §6 F11) --- */
  --wd-table-border: #A6A6A6;     /* borde de celda por defecto de Word */

  /* --- Buscar y reemplazar (plan §6 F10) --- */
  --wd-find-hit: rgba(255, 214, 0, 0.45);         /* coincidencia */
  --wd-find-hit-active: rgba(255, 140, 0, 0.55);  /* coincidencia activa */

  /* --- Interacción --- */
  --wd-hover: rgba(0, 0, 0, 0.06);
  --wd-hover-solid: #EDEBE9;
  --wd-pressed: #E1DFDD;
  --wd-toggle-active-bg: #D5E1F2;     /* conmutador activo (N/K/S, alineaciones) */
  --wd-toggle-active-ring: #A3BDE3;
  --wd-toggle-active-hover: #C6D7EE;

  /* --- Regla (plan §2.1) --- */
  --wd-ruler-mark: #605E5C;       /* marcas y números */
  --wd-ruler-indent: #323130;     /* marcas de sangría */
  --wd-ruler-margin-bg: #D0CECC;  /* zonas grises de los márgenes */

  /* --- Revisión (reservado para oleadas futuras) --- */
  --wd-spell: #C00000;            /* subrayado ortográfico */
  --wd-grammar: #2B579A;          /* subrayado gramatical */

  /* --- Medidas (plan §2.2) --- */
  --wd-titlebar-h: 48px;
  --wd-ribbon-tabs-h: 33px;
  --wd-ribbon-body-h: 75px;       /* 33 + 75 = 108 px de cinta total (~96-108) */
  --wd-ruler-h: 24px;
  --wd-statusbar-h: 28px;
  --wd-page-gap: 24px;            /* separación entre páginas (PageView.pageGapPx) */
  --wd-caret-w: 1.5px;
  --wd-pane-w: 336px;             /* panel lateral (Buscar, Estilos…) — plan §2.2 */

  /* --- Tipografía --- */
  --wd-font-ui: "Segoe UI", system-ui, sans-serif;
  --wd-font-doc: Aptos, Calibri, "Segoe UI", sans-serif;
  --wd-fontsize-ui: 12px;
  --wd-fontsize-doc: 14.6667px;   /* 11 pt */
}