/* ============================================
   BFM Store — design tokens
   Copiados LITERAL del prototipo:
   Diseño Web/store-bluefieldmedia/project/styles.css (:root)
   No cambiar valores sin actualizar el prototipo y docs/design-system.md
   ============================================ */

:root {
  /* Brand */
  --bfm-deep: #031747;
  --bfm-deep-2: #0A2461;
  --bfm-grey-blue: #B4BAC8;
  --bfm-soft: #F7F7F8;
  --bfm-white: #FFFFFF;
  --bfm-ink: #0B1431;
  --bfm-ink-2: #2A3354;
  --bfm-muted: #6B7388;
  --bfm-line: #E5E7EE;
  --bfm-line-strong: #C9CDDB;

  /* Section accents (acento por sello — fallback; el valor real viene del
     term meta de cada categoría-sello, inyectado como --sello-*) */
  --zm: #1E5BD9;
  --zm-deep: #143A8C;
  --zm-soft: #E8EFFB;

  --em: #1F8A5B;
  --em-deep: #15583A;
  --em-soft: #E6F3EC;

  --et: #C7372F;
  --et-deep: #7E211C;
  --et-soft: #FBE9E7;

  --sb: #0F3B66;
  --sb-deep: #072540;
  --sb-soft: #E3EAF1;

  --ee: #C99412;
  --ee-deep: #7E5C09;
  --ee-soft: #FBF1DC;

  /* type */
  --font-display: 'Orbitron', system-ui, sans-serif;
  --font-body: 'Roboto', system-ui, sans-serif;

  /* radius */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;

  /* shadows */
  --sh-1: 0 1px 2px rgba(3, 23, 71, 0.06), 0 1px 3px rgba(3, 23, 71, 0.04);
  --sh-2: 0 4px 14px rgba(3, 23, 71, 0.08), 0 2px 4px rgba(3, 23, 71, 0.04);
  --sh-3: 0 18px 40px rgba(3, 23, 71, 0.14), 0 6px 14px rgba(3, 23, 71, 0.08);

  /* container */
  --container: 1240px;
  --pad: 32px;
}