/*
 * Biyuyo · tokens visuales v6.1
 * Capa final de decisiones de diseño. Se carga después de la identidad de marca
 * para que componentes y pantallas compartan los mismos valores en ambos temas.
 */
:root{
  color-scheme:light;
  --ink:#482c1d;
  --ink2:#674735;
  --muted:#806858;
  --violet:#0a7dc9;
  --violet-d:#075f99;
  --blue:#0a7dc9;
  --teal:#137d78;
  --gold:#fec62b;
  --gold-d:#b98700;
  --green:#237a54;
  --red:#c94f2f;
  --rose:#fde8df;
  --bg:#fef7e6;
  --bg2:#f6ead2;
  --card:#fffdf8;
  --card-raised:#fffefb;
  --line:#eadbc0;
  --line2:#d8c19e;
  --lav:#eaf5fc;
  --lav2:#d7ebf8;
  --info-bg:#eaf3fd;
  --info-ink:#214f77;
  --info-line:#bfd9ef;
  --warn-bg:#fff4d6;
  --warn-ink:#704d00;
  --warn-line:#ecd28a;
  --good-bg:#e4f5ec;
  --good-ink:#145f42;
  --good-line:#b9dfcc;
  --focus:#0a7dc9;
  --focus-ring:rgba(10,125,201,.22);
  --shadow:0 1px 2px rgba(72,44,29,.05),0 8px 24px rgba(72,44,29,.075);
  --shadow-lg:0 18px 48px rgba(72,44,29,.18);
  --r:16px;
  --r-sm:11px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --control-h:44px;
  --touch:44px;
  --content-max:1360px;
  --bottom-nav-h:72px;
}

[data-theme="dark"]{
  color-scheme:dark;
  --ink:#fff8eb;
  --ink2:#f0dcc8;
  --muted:#c9ae98;
  --violet:#55b9f2;
  --violet-d:#9bd8fa;
  --blue:#55b9f2;
  --teal:#68d0c5;
  --gold:#ffd052;
  --gold-d:#ffd86f;
  --green:#67cf9d;
  --red:#ff9776;
  --rose:#542b22;
  --bg:#21130e;
  --bg2:#2c1a12;
  --card:#382218;
  --card-raised:#43291d;
  --line:#624230;
  --line2:#795640;
  --lav:#17384a;
  --lav2:#20536f;
  --info-bg:#162f40;
  --info-ink:#c9eaff;
  --info-line:#2f6687;
  --warn-bg:#493512;
  --warn-ink:#ffe5a1;
  --warn-line:#765a20;
  --good-bg:#173a2b;
  --good-ink:#c4efd9;
  --good-line:#2f6d50;
  --focus:#69c6fa;
  --focus-ring:rgba(105,198,250,.28);
  --shadow:0 1px 2px rgba(0,0,0,.22),0 10px 28px rgba(0,0,0,.24);
  --shadow-lg:0 20px 52px rgba(0,0,0,.48);
}