/* ============================================================================
   fx-tokens.css — Design System Fantini (variables canónicas)

   Fuente única de verdad del look del ecosistema. Se sirve desde el admin:
     <link rel="stylesheet" href="https://admin.fantiniladrillos.com.ar/fx-tokens.css">

   El ACENTO lo pinta fx-theme.js según la cookie `fx_theme` (--fx-accent*),
   así el tema elegido en el portal viaja a todas las apps que adopten estos tokens.

   ADOPCIÓN en una app:
     1) <link rel="stylesheet" href="https://admin.fantiniladrillos.com.ar/fx-tokens.css">
        <script src="https://admin.fantiniladrillos.com.ar/fx-theme.js" defer></script>
     2) Usá las variables --fx-* en tu CSS, o aliaseá las tuyas a las canónicas:
          :root {
            --accent: var(--fx-accent);  --brick: var(--fx-accent);
            --bg:     var(--fx-bg);       --ink:   var(--fx-ink);
            /* ...las que use tu app... */
          }
   ============================================================================ */
:root {
  /* ── Superficies (dark Fantini) ── */
  --fx-bg:          #14100b;
  --fx-bg-2:        #1a1510;
  --fx-surface:     #1e1810;
  --fx-surface-2:   #272019;
  --fx-line:        rgba(226, 115, 64, 0.20);
  --fx-line-soft:   rgba(226, 115, 64, 0.10);

  /* ── Texto ── */
  --fx-ink:         #f0e8dc;
  --fx-ink-soft:    #b89880;
  --fx-ink-faint:   #6a5040;

  /* ── Acento (lo pisa fx-theme.js con el tema elegido; default: Ladrillo) ── */
  --fx-accent:        #c05a1a;
  --fx-accent-hover:  #e07840;
  --fx-accent-soft:   rgba(192, 90, 26, 0.14);
  --fx-on-accent:     #1a1207;

  /* ── Semánticos ── */
  --fx-positive:    #5fae6b;
  --fx-negative:    #d8543f;
  --fx-warning:     #f2cb57;
  --fx-info:        #62b6cf;

  /* ── Radios ── */
  --fx-radius:      10px;
  --fx-radius-sm:   6px;

  /* ── Tipografía ── */
  --fx-font:        'Barlow', system-ui, sans-serif;
  --fx-font-cond:   'Barlow Condensed', system-ui, sans-serif;
  --fx-font-serif:  'Fraunces', Georgia, serif;
  --fx-font-mono:   'JetBrains Mono', ui-monospace, monospace;
}