/* Furever — Color tokens
   Canonical identity from ccediland/furever-brand → css/tokens.css (DTCG: tokens.json).
   FOUR application schemes over five brand inks:
     Light A — :root (no class). Default. Azul-dominant (--action = Polvo, --accent = Nubes).
     Light B — .theme-lb. Ámbar-dominant (--action = Ceniza, warm Estrella accent).
     Dark A  — .scheme-dark (kept as alias) = .theme-da. Ceniza canvas; logo/--action = Nubes.
     Dark B  — .theme-db. Ceniza canvas; logo/--action = Estrella (luminous warm).
   One dominant scheme per piece. Pelaje (--attention/--vitality) is ALWAYS sparing (<=10%).
   Compat aliases (--text --text-muted --line --vitality, raw --fur-*) and bridge aliases
   (--surface-raised --text-on-accent --focus-ring --line-soft) are kept per scheme so older
   consumers (the website kit) keep rendering in every scheme. */

:root {
  /* ---- Brand palette (raw inks — constant in every scheme) ---- */
  --fur-ceniza: #39383D;   /* deep anchor / ink — solemnity, the solid base */
  --fur-polvo: #718295;    /* institutional blue-grey — serenity, professionalism */
  --fur-nubes: #A7CDF7;    /* sky — peace, transcendence; azul accent */
  --fur-estrella: #FFF9D4; /* warm light — refuge, soft backgrounds; ámbar accent */
  --fur-pelaje: #F7931E;   /* vitality accent — sparing only, <=10% */
  --fur-white: #FFFFFF;
  --fur-black: #000000;

  /* Dark-scheme support neutral (NOT a brand ink; never recolors the logo) */
  --fur-elevation-dark: #45444B;

  /* ---- Soft tints (derived; hairlines / wash backgrounds only) ---- */
  --fur-polvo-12: rgba(113, 130, 149, 0.12);
  --fur-polvo-24: rgba(113, 130, 149, 0.24);
  --fur-nubes-20: rgba(167, 205, 247, 0.20);
  --fur-ceniza-08: rgba(57, 56, 61, 0.08);

  /* ============================================================
     LIGHT A — default (azul dominante). Selector: :root (no class).
     ============================================================ */
  /* Surfaces */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #F4F8FD;
  --surface-3: #E9F1FC;
  --sunken: #F1F4F8;
  --border: #E6E8EC;
  --border-2: #D3D7DD;
  /* Text */
  --t1: #39383D;
  --t2: #565A64;
  --t3: #868A95;
  --t-dis: #B4B8C0;
  /* Fields */
  --field-bg: #FFFFFF;
  --field-border: #D3D7DD;
  /* Action (primary CTA ramp) */
  --action: #718295;
  --action-hover: #61707F;
  --action-press: #515E6B;
  --action-text: #FFFFFF;
  --action-dis-bg: #E7ECF1;
  --action-dis-text: #9AA4AF;
  /* Accent / focus */
  --accent: #A7CDF7;
  --accent-text: #556372;
  --focus: #A7CDF7;
  /* Highlight / attention */
  --highlight: #FFF9D4;
  --highlight-text: #39383D;
  --attention: #F7931E;
  /* Service-flow nodes */
  --node-bg: #718295;
  --node-text: #FFFFFF;
  --node-sub: rgba(255,255,255,.82);
  --node-current: #515E6B;
  --node-ring: #A7CDF7;
  --node-arrow: #7FB2EE;
  /* Logo inks (per scheme) */
  --logo-fur: #718295;
  --logo-ever: #A7CDF7;
  /* Functional system */
  --info: #3F6CA6;  --info-bg: #E9F1FC;  --info-line: #BBD3EE;  --info-text: #2C4D75;
  --success: #2E7D5B;  --success-bg: #E6F1EB;  --success-line: #B6D8C5;  --success-text: #1F5A40;
  --warning: #A66514;  --warning-bg: #FCEFD9;  --warning-line: #F1D49B;  --warning-text: #7A4A0F;
  --error: #B23B3B;  --error-bg: #F8E7E7;  --error-line: #E6BCBC;  --error-text: #882C2C;
  /* Hero / memorial */
  --hero-top: #FFFFFF;
  --hero-bot: #F4F8FD;
  --mem-bg: #E9F1FC;
  --mem-rule: #7FB2EE;
  /* compat aliases (furever-web / website kit) */
  --text: #39383D;
  --text-muted: #565A64;
  --line: #D3D7DD;
  --vitality: #F7931E;
  /* bridge aliases (old Skill token names → canon) */
  --surface-raised: var(--surface);
  --text-on-accent: var(--action-text);
  --focus-ring: var(--focus);
  --line-soft: var(--border);
}

/* ============================================================
   LIGHT B — alterna cálido (ámbar dominante, azul escaso).
   ============================================================ */
.theme-lb {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #FFFDF2;
  --surface-3: #FFF9D4;
  --sunken: #F7F5EC;
  --border: #ECE8DD;
  --border-2: #DAD5C6;
  --t1: #39383D;
  --t2: #5C5A50;
  --t3: #8C8A7E;
  --t-dis: #BBB8AC;
  --field-bg: #FFFFFF;
  --field-border: #DAD5C6;
  --action: #39383D;
  --action-hover: #4A4951;
  --action-press: #2C2B30;
  --action-text: #FFFFFF;
  --action-dis-bg: #E7E3D7;
  --action-dis-text: #A8A496;
  --accent: #E3B048;
  --accent-text: #8A6310;
  --focus: #E9C877;
  --highlight: #A7CDF7;
  --highlight-text: #39383D;
  --attention: #F7931E;
  --node-bg: #39383D;
  --node-text: #FFFFFF;
  --node-sub: rgba(255,255,255,.8);
  --node-current: #2C2B30;
  --node-ring: #F7931E;
  --node-arrow: #D9B25A;
  --logo-fur: #718295;
  --logo-ever: #A7CDF7;
  --info: #3F6CA6;  --info-bg: #E9F1FC;  --info-line: #BBD3EE;  --info-text: #2C4D75;
  --success: #2E7D5B;  --success-bg: #E6F1EB;  --success-line: #B6D8C5;  --success-text: #1F5A40;
  --warning: #A66514;  --warning-bg: #FCEFD9;  --warning-line: #F1D49B;  --warning-text: #7A4A0F;
  --error: #B23B3B;  --error-bg: #F8E7E7;  --error-line: #E6BCBC;  --error-text: #882C2C;
  --hero-top: #FFFFFF;
  --hero-bot: #FFFDF2;
  --mem-bg: #FFF9D4;
  --mem-rule: #D9B25A;
  --text: #39383D;
  --text-muted: #5C5A50;
  --line: #DAD5C6;
  --vitality: #F7931E;
  --surface-raised: var(--surface);
  --text-on-accent: var(--action-text);
  --focus-ring: var(--focus);
  --line-soft: var(--border);
}

/* ============================================================
   DARK A — oscuro frío (azul dominante). .scheme-dark kept as alias.
   ============================================================ */
.scheme-dark, .theme-da {
  --bg: #39383D;
  --surface: #3E434F;
  --surface-2: #454B59;
  --surface-3: #4C5364;
  --sunken: #34383F;
  --border: rgba(255,255,255,.10);
  --border-2: rgba(255,255,255,.18);
  --t1: #FFFFFF;
  --t2: #C7CDD6;
  --t3: #9AA0AB;
  --t-dis: #6B7079;
  --field-bg: #34383F;
  --field-border: rgba(255,255,255,.18);
  --action: #A7CDF7;
  --action-hover: #BBD8FA;
  --action-press: #8FBDF2;
  --action-text: #2A2E36;
  --action-dis-bg: rgba(167,205,247,.22);
  --action-dis-text: rgba(255,255,255,.4);
  --accent: #A7CDF7;
  --accent-text: #A7CDF7;
  --focus: #A7CDF7;
  --highlight: #FFF9D4;
  --highlight-text: #39383D;
  --attention: #F7931E;
  --node-bg: #718295;
  --node-text: #FFFFFF;
  --node-sub: rgba(255,255,255,.8);
  --node-current: #8597AB;
  --node-ring: #A7CDF7;
  --node-arrow: #A7CDF7;
  --logo-fur: #A7CDF7;
  --logo-ever: #A7CDF7;
  --info: #8FB4E6;  --info-bg: #2E3A4C;  --info-line: #41506A;  --info-text: #CFE0F5;
  --success: #6FBF95;  --success-bg: #26392F;  --success-line: #3A5446;  --success-text: #CFEADD;
  --warning: #E6B36B;  --warning-bg: #3D3422;  --warning-line: #5A4A2C;  --warning-text: #F3DCB0;
  --error: #E08A8A;  --error-bg: #3A2A2A;  --error-line: #553C3C;  --error-text: #F3D3D3;
  --hero-top: #3E434F;
  --hero-bot: #34383F;
  --mem-bg: #454B59;
  --mem-rule: #A7CDF7;
  --text: #FFFFFF;
  --text-muted: #C7CDD6;
  --line: rgba(255,255,255,.18);
  --vitality: #F7931E;
  --surface-raised: var(--surface);
  --text-on-accent: var(--action-text);
  --focus-ring: var(--focus);
  --line-soft: var(--border);
}

/* ============================================================
   DARK B — oscuro cálido (ámbar dominante, azul escaso).
   ============================================================ */
.theme-db {
  --bg: #39383D;
  --surface: #443F39;
  --surface-2: #4D473F;
  --surface-3: #564E43;
  --sunken: #383430;
  --border: rgba(255,255,255,.10);
  --border-2: rgba(255,255,255,.18);
  --t1: #FBF6E6;
  --t2: #D3C9B2;
  --t3: #A39A86;
  --t-dis: #6F695C;
  --field-bg: #383430;
  --field-border: rgba(255,255,255,.18);
  --action: #FFF9D4;
  --action-hover: #FFFDEC;
  --action-press: #F0E9C4;
  --action-text: #39383D;
  --action-dis-bg: rgba(255,249,212,.20);
  --action-dis-text: rgba(255,255,255,.4);
  --accent: #FFF9D4;
  --accent-text: #FBF0C4;
  --focus: #F0E9C4;
  --highlight: #A7CDF7;
  --highlight-text: #39383D;
  --attention: #F7931E;
  --node-bg: #8A6E2E;
  --node-text: #FFF9D4;
  --node-sub: rgba(255,249,212,.78);
  --node-current: #A2853B;
  --node-ring: #F7931E;
  --node-arrow: #E3B048;
  --logo-fur: #FFF9D4;
  --logo-ever: #FFF9D4;
  --info: #8FB4E6;  --info-bg: #2E3A4C;  --info-line: #41506A;  --info-text: #CFE0F5;
  --success: #6FBF95;  --success-bg: #26392F;  --success-line: #3A5446;  --success-text: #CFEADD;
  --warning: #E6B36B;  --warning-bg: #3D3422;  --warning-line: #5A4A2C;  --warning-text: #F3DCB0;
  --error: #E08A8A;  --error-bg: #3A2A2A;  --error-line: #553C3C;  --error-text: #F3D3D3;
  --hero-top: #443F39;
  --hero-bot: #383430;
  --mem-bg: #4D473F;
  --mem-rule: #F0E9C4;
  --text: #FBF6E6;
  --text-muted: #D3C9B2;
  --line: rgba(255,255,255,.18);
  --vitality: #F7931E;
  --surface-raised: var(--surface);
  --text-on-accent: var(--action-text);
  --focus-ring: var(--focus);
  --line-soft: var(--border);
}