@aurea-uds/core 0.46.0 → 0.47.0

package/dist/aurea.css

@@ -343,7 +343,7 @@
   --control-thumb:#ffffff;
   --warning-500:#d07612;
 }
-[data-brand="lory"][data-theme="dark"],[data-brand="lory"] [data-theme="dark"]{
+[data-brand="ember"][data-theme="dark"],[data-brand="ember"] [data-theme="dark"]{
   --background:oklch(0.16 0.018 250);
   --foreground:oklch(0.96 0.006 250);
   --foreground-strong:oklch(1 0 0);
@@ -382,8 +382,8 @@
   --focus-strong:oklch(0.85 0.14 60);
   --selection:oklch(0.32 0.08 50);
   --control-selected:oklch(0.72 0.19 48);
-  --control-selected-foreground:oklch(0.16 0.02 250);
-  --control-selected-dot:oklch(0.16 0.02 250);
+  --control-selected-foreground:oklch(1 0 0);
+  --control-selected-dot:oklch(1 0 0);
   --primary-mark:oklch(0.16 0.02 250);
   --overlay:oklch(0 0 0 / 0.6);
   --chart-1:oklch(0.74 0.18 50);
@@ -409,9 +409,9 @@
   --info-bg:oklch(0.32 0.06 235);
   --brand-yellow-ink:#242424;
   --warning-foreground:#242424;
-  --control-thumb:var(--primary-mark);
+  --control-thumb:oklch(1 0 0);
 }
-[data-brand="lory"][data-theme="light"],[data-brand="lory"] [data-theme="light"]{
+[data-brand="ember"][data-theme="light"],[data-brand="ember"] [data-theme="light"]{
   --background:oklch(0.984 0.004 70);
   --foreground:oklch(0.24 0.022 250);
   --foreground-strong:oklch(0.16 0.02 250);
@@ -481,6 +481,572 @@
   --control-thumb:var(--primary-mark);
   --warning-500:oklch(0.727 0.149 60);
 }
+[data-brand="sun"][data-theme="dark"],[data-brand="sun"] [data-theme="dark"]{
+  --primary:#facc15;
+  --primary-foreground:#18181b;
+  --primary-hover:#fbd34e;
+  --primary-active:#eabe13;
+  --primary-emphasis:#facc15;
+  --primary-outline:rgba(250,204,21,0.349);
+  --link:#facc15;
+  --link-hover:#facc15;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#facc15;
+  --focus:#facc15;
+  --ring:#facc15;
+  --control-selected:#facc15;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(250,204,21,0.2196);
+  --accent:#38311a;
+  --accent-foreground:#facc15;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#facc15;
+  --sidebar-current-line:rgba(250,204,21,0.75);
+}
+[data-brand="sun"][data-theme="light"],[data-brand="sun"] [data-theme="light"]{
+  --primary:#facc15;
+  --primary-foreground:#18181b;
+  --primary-hover:#fbd34e;
+  --primary-active:#eabe13;
+  --primary-emphasis:var(--foreground);
+  --primary-outline:rgba(250,204,21,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(250,204,21,0.451);
+  --link-underline:#facc15;
+  --focus:#b27600;
+  --ring:#b27600;
+  --control-selected:#facc15;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(250,204,21,0.1804);
+  --accent:#fef8de;
+  --accent-foreground:var(--foreground);
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#b27600;
+  --sidebar-current-line:rgba(250,204,21,0.75);
+}
+[data-brand="honey"][data-theme="dark"],[data-brand="honey"] [data-theme="dark"]{
+  --primary:#f5a524;
+  --primary-foreground:#18181b;
+  --primary-hover:#f7b04e;
+  --primary-active:#e59a21;
+  --primary-emphasis:#f5a524;
+  --primary-outline:rgba(245,165,36,0.349);
+  --link:#f5a524;
+  --link-hover:#f5a524;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#f5a524;
+  --focus:#f5a524;
+  --ring:#f5a524;
+  --control-selected:#f5a524;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(245,165,36,0.2196);
+  --accent:#372c1c;
+  --accent-foreground:#f5a524;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#f5a524;
+  --sidebar-current-line:rgba(245,165,36,0.75);
+}
+[data-brand="honey"][data-theme="light"],[data-brand="honey"] [data-theme="light"]{
+  --primary:#f5a524;
+  --primary-foreground:#18181b;
+  --primary-hover:#f7b04e;
+  --primary-active:#e59a21;
+  --primary-emphasis:var(--foreground);
+  --primary-outline:rgba(245,165,36,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(245,165,36,0.451);
+  --link-underline:#f5a524;
+  --focus:#cc6700;
+  --ring:#cc6700;
+  --control-selected:#f5a524;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(245,165,36,0.1804);
+  --accent:#fef2e0;
+  --accent-foreground:var(--foreground);
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#cc6700;
+  --sidebar-current-line:rgba(245,165,36,0.75);
+}
+[data-brand="orange"][data-theme="dark"],[data-brand="orange"] [data-theme="dark"]{
+  --primary:#ff7a1a;
+  --primary-foreground:#18181b;
+  --primary-hover:#ff8c46;
+  --primary-active:#ee7218;
+  --primary-emphasis:#ff904f;
+  --primary-outline:rgba(255,122,26,0.349);
+  --link:#ff904f;
+  --link-hover:#ff904f;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#ff7a1a;
+  --focus:#ff7a1a;
+  --ring:#ff7a1a;
+  --control-selected:#ff7a1a;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(255,122,26,0.2196);
+  --accent:#38261b;
+  --accent-foreground:#ff904f;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#ff7a1a;
+  --sidebar-current-line:rgba(255,122,26,0.75);
+  --warning:#f5a524;
+  --warning-hover:#f7b04e;
+  --warning-400:#f5a524;
+  --warning-bg:#4a320b;
+}
+[data-brand="orange"][data-theme="light"],[data-brand="orange"] [data-theme="light"]{
+  --primary:#ff7a1a;
+  --primary-foreground:#18181b;
+  --primary-hover:#ff8c46;
+  --primary-active:#ee7218;
+  --primary-emphasis:#a44900;
+  --primary-outline:rgba(255,122,26,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(255,122,26,0.451);
+  --link-underline:#ff7a1a;
+  --focus:#d46100;
+  --ring:#d46100;
+  --control-selected:#ff7a1a;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(255,122,26,0.1804);
+  --accent:#ffecdf;
+  --accent-foreground:#a44900;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#d46100;
+  --sidebar-current-line:rgba(255,122,26,0.75);
+  --warning:#f5a524;
+  --warning-hover:#f7b04e;
+  --warning-400:#8c5b00;
+  --warning-bg:#fffbf6;
+}
+[data-brand="magenta"][data-theme="dark"],[data-brand="magenta"] [data-theme="dark"]{
+  --primary:#e0196e;
+  --primary-foreground:#ffffff;
+  --primary-hover:#bd135c;
+  --primary-active:#bd135c;
+  --primary-emphasis:#ff88a8;
+  --primary-outline:rgba(224,25,110,0.349);
+  --link:#ff88a8;
+  --link-hover:#ff88a8;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#e0196e;
+  --focus:#ff4688;
+  --ring:#ff4688;
+  --control-selected:#e0196e;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#ffffff;
+  --selection:rgba(224,25,110,0.2196);
+  --accent:#341827;
+  --accent-foreground:#ff88a8;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#ffffff;
+  --sidebar-ring:#ff4688;
+  --sidebar-current-line:rgba(224,25,110,0.75);
+  --primary-gradient-end:oklch(0.4137 0.1594 3.94);
+}
+[data-brand="magenta"][data-theme="light"],[data-brand="magenta"] [data-theme="light"]{
+  --primary:#e0196e;
+  --primary-foreground:#ffffff;
+  --primary-hover:#bd135c;
+  --primary-active:#bd135c;
+  --primary-emphasis:#bb0059;
+  --primary-outline:rgba(224,25,110,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(224,25,110,0.451);
+  --link-underline:#e0196e;
+  --focus:#e0196e;
+  --ring:#e0196e;
+  --control-selected:#e0196e;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#ffffff;
+  --selection:rgba(224,25,110,0.1804);
+  --accent:#fbdfeb;
+  --accent-foreground:#bb0059;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#ffffff;
+  --sidebar-ring:#e0196e;
+  --sidebar-current-line:rgba(224,25,110,0.75);
+  --primary-gradient-end:oklch(0.4137 0.1594 3.94);
+}
+[data-brand="violet"][data-theme="dark"],[data-brand="violet"] [data-theme="dark"]{
+  --primary:#7c3aed;
+  --primary-foreground:#ffffff;
+  --primary-hover:#682fc8;
+  --primary-active:#682fc8;
+  --primary-emphasis:#b49eff;
+  --primary-outline:rgba(124,58,237,0.349);
+  --link:#b49eff;
+  --link-hover:#b49eff;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#7c3aed;
+  --focus:#9c76ff;
+  --ring:#9c76ff;
+  --control-selected:#7c3aed;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#ffffff;
+  --selection:rgba(124,58,237,0.2196);
+  --accent:#261d38;
+  --accent-foreground:#b49eff;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#ffffff;
+  --sidebar-ring:#9c76ff;
+  --sidebar-current-line:rgba(124,58,237,0.75);
+  --primary-gradient-end:oklch(0.3789 0.1726 293.01);
+}
+[data-brand="violet"][data-theme="light"],[data-brand="violet"] [data-theme="light"]{
+  --primary:#7c3aed;
+  --primary-foreground:#ffffff;
+  --primary-hover:#682fc8;
+  --primary-active:#682fc8;
+  --primary-emphasis:#7530e4;
+  --primary-outline:rgba(124,58,237,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(124,58,237,0.451);
+  --link-underline:#7c3aed;
+  --focus:#7c3aed;
+  --ring:#7c3aed;
+  --control-selected:#7c3aed;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#ffffff;
+  --selection:rgba(124,58,237,0.1804);
+  --accent:#ede3fc;
+  --accent-foreground:#7530e4;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#ffffff;
+  --sidebar-ring:#7c3aed;
+  --sidebar-current-line:rgba(124,58,237,0.75);
+  --primary-gradient-end:oklch(0.3789 0.1726 293.01);
+}
+[data-brand="indigo"][data-theme="dark"],[data-brand="indigo"] [data-theme="dark"]{
+  --primary:#4f46e5;
+  --primary-foreground:#ffffff;
+  --primary-hover:#413ac1;
+  --primary-active:#413ac1;
+  --primary-emphasis:#9aa6ff;
+  --primary-outline:rgba(79,70,229,0.349);
+  --link:#9aa6ff;
+  --link-hover:#9aa6ff;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#4f46e5;
+  --focus:#7982ff;
+  --ring:#7982ff;
+  --control-selected:#4f46e5;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#ffffff;
+  --selection:rgba(79,70,229,0.2196);
+  --accent:#201e37;
+  --accent-foreground:#9aa6ff;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#ffffff;
+  --sidebar-ring:#7982ff;
+  --sidebar-current-line:rgba(79,70,229,0.75);
+  --primary-gradient-end:oklch(0.3574 0.161 276.97);
+}
+[data-brand="indigo"][data-theme="light"],[data-brand="indigo"] [data-theme="light"]{
+  --primary:#4f46e5;
+  --primary-foreground:#ffffff;
+  --primary-hover:#413ac1;
+  --primary-active:#413ac1;
+  --primary-emphasis:#4e45e4;
+  --primary-outline:rgba(79,70,229,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(79,70,229,0.451);
+  --link-underline:#4f46e5;
+  --focus:#4f46e5;
+  --ring:#4f46e5;
+  --control-selected:#4f46e5;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#ffffff;
+  --selection:rgba(79,70,229,0.1804);
+  --accent:#e6e5fb;
+  --accent-foreground:#4e45e4;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#ffffff;
+  --sidebar-ring:#4f46e5;
+  --sidebar-current-line:rgba(79,70,229,0.75);
+  --primary-gradient-end:oklch(0.3574 0.161 276.97);
+}
+[data-brand="cobalt"][data-theme="dark"],[data-brand="cobalt"] [data-theme="dark"]{
+  --primary:#0246f1;
+  --primary-foreground:#ffffff;
+  --primary-hover:#013acb;
+  --primary-active:#013acb;
+  --primary-emphasis:#82acff;
+  --primary-outline:rgba(2,70,241,0.349);
+  --link:#82acff;
+  --link-hover:#82acff;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#0246f1;
+  --focus:#548aff;
+  --ring:#548aff;
+  --control-selected:#0246f1;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#ffffff;
+  --selection:rgba(2,70,241,0.2196);
+  --accent:#151e39;
+  --accent-foreground:#82acff;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#ffffff;
+  --sidebar-ring:#548aff;
+  --sidebar-current-line:rgba(2,70,241,0.75);
+  --primary-gradient-end:oklch(0.3466 0.1812 263.46);
+}
+[data-brand="cobalt"][data-theme="light"],[data-brand="cobalt"] [data-theme="light"]{
+  --primary:#0246f1;
+  --primary-foreground:#ffffff;
+  --primary-hover:#013acb;
+  --primary-active:#013acb;
+  --primary-emphasis:#0246f1;
+  --primary-outline:rgba(2,70,241,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(2,70,241,0.451);
+  --link-underline:#0246f1;
+  --focus:#0246f1;
+  --ring:#0246f1;
+  --control-selected:#0246f1;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#ffffff;
+  --selection:rgba(2,70,241,0.1804);
+  --accent:#dce5fd;
+  --accent-foreground:#0246f1;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#ffffff;
+  --sidebar-ring:#0246f1;
+  --sidebar-current-line:rgba(2,70,241,0.75);
+  --primary-gradient-end:oklch(0.3466 0.1812 263.46);
+}
+[data-brand="cyan"][data-theme="dark"],[data-brand="cyan"] [data-theme="dark"]{
+  --primary:#06b6d4;
+  --primary-foreground:#18181b;
+  --primary-hover:#48bfd9;
+  --primary-active:#05aac6;
+  --primary-emphasis:#1cbcdb;
+  --primary-outline:rgba(6,182,212,0.349);
+  --link:#1cbcdb;
+  --link-hover:#1cbcdb;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#06b6d4;
+  --focus:#06b6d4;
+  --ring:#06b6d4;
+  --control-selected:#06b6d4;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(6,182,212,0.2196);
+  --accent:#152e35;
+  --accent-foreground:#1cbcdb;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#06b6d4;
+  --sidebar-current-line:rgba(6,182,212,0.75);
+}
+[data-brand="cyan"][data-theme="light"],[data-brand="cyan"] [data-theme="light"]{
+  --primary:#06b6d4;
+  --primary-foreground:#18181b;
+  --primary-hover:#48bfd9;
+  --primary-active:#05aac6;
+  --primary-emphasis:#006d80;
+  --primary-outline:rgba(6,182,212,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(6,182,212,0.451);
+  --link-underline:#06b6d4;
+  --focus:#008fa8;
+  --ring:#008fa8;
+  --control-selected:#06b6d4;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(6,182,212,0.1804);
+  --accent:#dcf5f9;
+  --accent-foreground:#006d80;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#008fa8;
+  --sidebar-current-line:rgba(6,182,212,0.75);
+}
+[data-brand="turquoise"][data-theme="dark"],[data-brand="turquoise"] [data-theme="dark"]{
+  --primary:#14c8a8;
+  --primary-foreground:#18181b;
+  --primary-hover:#4ecfb2;
+  --primary-active:#12bb9d;
+  --primary-emphasis:#14c8a8;
+  --primary-outline:rgba(20,200,168,0.349);
+  --link:#14c8a8;
+  --link-hover:#14c8a8;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#14c8a8;
+  --focus:#14c8a8;
+  --ring:#14c8a8;
+  --control-selected:#14c8a8;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(20,200,168,0.2196);
+  --accent:#17312f;
+  --accent-foreground:#14c8a8;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#14c8a8;
+  --sidebar-current-line:rgba(20,200,168,0.75);
+}
+[data-brand="turquoise"][data-theme="light"],[data-brand="turquoise"] [data-theme="light"]{
+  --primary:#14c8a8;
+  --primary-foreground:#18181b;
+  --primary-hover:#4ecfb2;
+  --primary-active:#12bb9d;
+  --primary-emphasis:#00715e;
+  --primary-outline:rgba(20,200,168,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(20,200,168,0.451);
+  --link-underline:#14c8a8;
+  --focus:#00937b;
+  --ring:#00937b;
+  --control-selected:#14c8a8;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(20,200,168,0.1804);
+  --accent:#def7f3;
+  --accent-foreground:#00715e;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#00937b;
+  --sidebar-current-line:rgba(20,200,168,0.75);
+}
+[data-brand="emerald"][data-theme="dark"],[data-brand="emerald"] [data-theme="dark"]{
+  --primary:#17c964;
+  --primary-foreground:#18181b;
+  --primary-hover:#4dd078;
+  --primary-active:#15bc5d;
+  --primary-emphasis:#17c964;
+  --primary-outline:rgba(23,201,100,0.349);
+  --link:#17c964;
+  --link-hover:#17c964;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#17c964;
+  --focus:#17c964;
+  --ring:#17c964;
+  --control-selected:#17c964;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(23,201,100,0.2196);
+  --accent:#183125;
+  --accent-foreground:#17c964;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#17c964;
+  --sidebar-current-line:rgba(23,201,100,0.75);
+}
+[data-brand="emerald"][data-theme="light"],[data-brand="emerald"] [data-theme="light"]{
+  --primary:#17c964;
+  --primary-foreground:#18181b;
+  --primary-hover:#4dd078;
+  --primary-active:#15bc5d;
+  --primary-emphasis:#007435;
+  --primary-outline:rgba(23,201,100,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(23,201,100,0.451);
+  --link-underline:#17c964;
+  --focus:#009647;
+  --ring:#009647;
+  --control-selected:#17c964;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(23,201,100,0.1804);
+  --accent:#dff7e9;
+  --accent-foreground:#007435;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#009647;
+  --sidebar-current-line:rgba(23,201,100,0.75);
+}
+[data-brand="lime"][data-theme="dark"],[data-brand="lime"] [data-theme="dark"]{
+  --primary:#a3e635;
+  --primary-foreground:#18181b;
+  --primary-hover:#aeea5b;
+  --primary-active:#98d731;
+  --primary-emphasis:#a3e635;
+  --primary-outline:rgba(163,230,53,0.349);
+  --link:#a3e635;
+  --link-hover:#a3e635;
+  --link-mark:rgba(0,0,0,0);
+  --link-underline:#a3e635;
+  --focus:#a3e635;
+  --ring:#a3e635;
+  --control-selected:#a3e635;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(163,230,53,0.2196);
+  --accent:#2b351f;
+  --accent-foreground:#a3e635;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#a3e635;
+  --sidebar-current-line:rgba(163,230,53,0.75);
+}
+[data-brand="lime"][data-theme="light"],[data-brand="lime"] [data-theme="light"]{
+  --primary:#a3e635;
+  --primary-foreground:#18181b;
+  --primary-hover:#aeea5b;
+  --primary-active:#98d731;
+  --primary-emphasis:#4c7200;
+  --primary-outline:rgba(163,230,53,0.349);
+  --link:var(--foreground);
+  --link-hover:var(--foreground);
+  --link-mark:rgba(163,230,53,0.451);
+  --link-underline:#a3e635;
+  --focus:#619000;
+  --ring:#619000;
+  --control-selected:#a3e635;
+  --control-selected-foreground:#ffffff;
+  --control-selected-dot:#ffffff;
+  --primary-mark:#18181b;
+  --selection:rgba(163,230,53,0.1804);
+  --accent:#f2fce3;
+  --accent-foreground:#4c7200;
+  --sidebar-primary:var(--primary-emphasis);
+  --sidebar-primary-foreground:#18181b;
+  --sidebar-ring:#619000;
+  --sidebar-current-line:rgba(163,230,53,0.75);
+}
 [data-density="compact"]{
   --control-h-xs:1.5rem;
   --control-h-sm:1.75rem;
@@ -910,7 +1476,7 @@ img,svg { display:block; }
    o painel do `Tabs`, o `KPI`). É a coluna "On this page" de uma documentação, como a da referência: os
    itens soltos na página. Tira só a PINTURA — fundo, cor da borda, sombra — e guarda a geometria da
    flutuante (margens, altura, a mesma borda de 1, agora invisível), então trocar de variante não mexe em
-   nada de lugar. O texto continua na escala da lateral: medido nos quatro (Aurea e `lory`, claro e
+   nada de lugar. O texto continua na escala da lateral: medido nos quatro (Aurea e `ember`, claro e
    escuro), o `--sidebar-foreground` é o mesmo `--foreground` da página. */
 .sidebar-plain { border-color:transparent; background:transparent; box-shadow:none; }
 /* A COLUNA DA DIREITA do `AppShell` (`aside`): a terceira trilha, da largura da lateral, de 1280 para
@@ -1155,7 +1721,7 @@ img,svg { display:block; }
 /* A LATERAL SE PINTA COM OS TOKENS DELA, e isto é conserto de 20/08/2026 — o Victor viu.
    Estas duas regras usavam `--secondary` e `--foreground`, que são tokens da PÁGINA. Na Aurea
    isso nunca apareceu porque o painel e a página têm a mesma claridade nos dois temas; sob a
-   marca `lory`, onde a lateral é escura mesmo no tema claro (decisão de produto da marca), o
+   marca `ember`, onde a lateral é escura mesmo no tema claro (decisão de produto da marca), o
    item atual virava uma pílula QUASE BRANCA com texto escuro em cima de um painel escuro. Ele
    chamou de "cores invertidas", e é exatamente o que era.
    `--sidebar-accent` e `--sidebar-accent-foreground` já eram PUBLICADOS e não tinham um único
@@ -1164,9 +1730,9 @@ img,svg { display:block; }
 /* O ITEM ESMAECIDO, como o da referência (ADR-0067, decisão do Victor de 13/10/2026, vendo os dois rodando:
    "B, igual ao dela"): o item que não é o atual fica cinza, e o título de grupo e o item atual ficam fortes;
    passando o mouse, o item acende. O cinza sai da ESCALA DA LATERAL (o texto dela, esmaecido), e não do
-   `--muted-foreground` da página — sob a marca `lory` a lateral é escura e a página não (a lição de
+   `--muted-foreground` da página — sob a marca `ember` a lateral é escura e a página não (a lição de
    20/08/2026, logo abaixo). Medido contra o fundo da lateral (13/10/2026): 7,6:1 no escuro e 5,4:1 no
-   claro; na marca `lory`, 7,8:1 e 5,6:1 — o branco de antes era 14,5:1. */
+   claro; na marca `ember`, 7,8:1 e 5,6:1 — o branco de antes era 14,5:1. */
 .sidebar-item:not([aria-current]) { color:color-mix(in oklab, var(--sidebar-foreground) 68%, transparent); }
 @media (hover:hover) and (pointer:fine) { .sidebar-item:hover { background:var(--sidebar-accent); } .sidebar-item:not([aria-current]):hover { color:var(--sidebar-foreground); } }
 /* A-05 (24/09/2026), decisão do Victor: o item atual da lateral passa a usar a MARCA DA CASA para
@@ -1174,7 +1740,7 @@ img,svg { display:block; }
    `SegmentedControl`, o `Button variant="nav"` e a navegação do catálogo (`.doc-nav`) já usavam.
    Era o único de fora: pílula cinza com texto branco, e um app copiou a regra da casa à mão.
    As cores saem da escala DA LATERAL (`--sidebar-accent`, `--sidebar-primary`), exatamente como o
-   `.doc-nav a.active` — não da página. Foi a lição de 20/08/2026 sob a marca `lory`: com
+   `.doc-nav a.active` — não da página. Foi a lição de 20/08/2026 sob a marca `ember`: com
    `--secondary`/`--primary` da página, a lateral escura desenhava as cores invertidas.
    O FIO não mora aqui: a lateral entrou na lista da regra da casa (`.is-selected::after`, mais
    abaixo), com o do `.doc-nav`. Copiar a regra faria duas cópias do mesmo fio divergirem. */
@@ -1443,7 +2009,11 @@ img,svg { display:block; }
    decoração do item atual, é alerta.
    ⚠ Ponto não tem nome acessível — não há o que ler. Quem usa ponto põe o sentido no RÓTULO do
    item (`label: <>Updates <span className="sr-only">(new)</span></>`). Está na ficha. */
-.bottom-nav-badge:empty { width:var(--space-2); height:var(--space-2); border-radius:var(--radius-full); background:var(--primary); }
+/* O CONTADOR E O PONTO SÃO VERMELHOS, como no nativo (o Victor, 28/10/2026: "Vermelho, igual"; "Vermelho sempre"; "Vermelho,
+   como no nativo"). O ponto é o `--destructive`, o fundo do selo cheio de perigo — o que o `BottomNav` do nativo desenha. No
+   item atual, a peça só inverte o selo da cor da MARCA (`.badge-primary`), que sumiria na cápsula da marca; o vermelho fica
+   vermelho. Na barra inteira da marca (`bar-*`), o ponto continua na tinta: o vermelho no amarelo não chega a 3:1. */
+.bottom-nav-badge:empty { width:var(--space-2); height:var(--space-2); border-radius:var(--radius-full); background:var(--destructive); }
 /* SEM REALCE DE PASSAR O MOUSE, e isso é decisão do Victor em 20/08/2026: *"essa bola cinza
    que aparece quando mouse passar em cima pode retirar, é um recurso irrelevante no celular"*.
    Ele tem razão pelo escopo do componente: esta barra é o chrome de aplicativo de TELEFONE, e o
@@ -1563,7 +2133,7 @@ img,svg { display:block; }
    do Victor mostram. O gate de contraste reprovou no tema CLARO: sobre o amarelo sólido, nem o
    fundo do contador nem o anel branco chegam a 3:1. No escuro passava, e é assim que este defeito
    se esconde. Fio fino não substitui contraste quando as duas cores são claras. */
-.bottom-nav-ind-circle-bold .bottom-nav-item[aria-current] .badge { background:var(--primary-mark); color:var(--primary); border-color:transparent; }
+.bottom-nav-ind-circle-bold .bottom-nav-item[aria-current] .badge-primary { background:var(--primary-mark); color:var(--primary); border-color:transparent; }
 .bottom-nav-ind-circle-bold .bottom-nav-item[aria-current] .bottom-nav-badge { color:var(--primary-mark); }
 /* ── CÁPSULA (`capsule`) — a "A" da bancada do Victor, 03/10/2026: o modelo de uma das referências ─
    A moldura do ícone vira a cápsula de 56 × 32 do indicador ativo dessa referência
@@ -1578,7 +2148,7 @@ img,svg { display:block; }
 .bottom-nav-ind-capsule .bottom-nav-badge { inset-inline-end:calc((var(--bottomnav-bold,3.5rem) - var(--bottomnav-ring)) / 2 - var(--space-05)); }
 .bottom-nav-ind-capsule .bottom-nav-item[aria-current] .bottom-nav-mark { background:var(--primary); color:var(--primary-mark); }
 .bottom-nav-ind-capsule .bottom-nav-item[aria-current] .icon { opacity:1; }
-.bottom-nav-ind-capsule .bottom-nav-item[aria-current] .badge { background:var(--primary-mark); color:var(--primary); border-color:transparent; }
+.bottom-nav-ind-capsule .bottom-nav-item[aria-current] .badge-primary { background:var(--primary-mark); color:var(--primary); border-color:transparent; }
 /* No `content`, o recheio de sempre (`--space-1`) e não o `--space-3`: com ele cada item teria 80. */
 .bottom-nav-content:not(.bottom-nav-edge).bottom-nav-ind-capsule .bottom-nav-item { padding-inline:var(--space-1); }
 /* ── EXPANDE (`expand`) — a "C" da bancada do Victor, 03/10/2026 ───────────────────────────────
@@ -1594,7 +2164,7 @@ img,svg { display:block; }
 .bottom-nav-ind-expand .bottom-nav-label { font-size:var(--text-sm); }
 .bottom-nav-ind-expand .bottom-nav-item[aria-current] { flex:none; inline-size:calc(var(--icon-lg) + var(--space-2) + var(--space-20) + 2 * var(--space-3)); padding-inline:var(--space-3); background:var(--primary); color:var(--primary-mark); }
 .bottom-nav-ind-expand .bottom-nav-item[aria-current] .icon { opacity:1; }
-.bottom-nav-ind-expand .bottom-nav-item[aria-current] .badge { background:var(--primary-mark); color:var(--primary); border-color:transparent; }
+.bottom-nav-ind-expand .bottom-nav-item[aria-current] .badge-primary { background:var(--primary-mark); color:var(--primary); border-color:transparent; }
 .bottom-nav-content:not(.bottom-nav-edge).bottom-nav-ind-expand .bottom-nav-item:not([aria-current]) { flex:none; inline-size:var(--target-min); padding-inline:0; }
 
 /* ── A LINHA DE LISTA TOCÁVEL (§4.3 do CONSUMIDOR-1) ──────────────────────────
@@ -1687,9 +2257,9 @@ img,svg { display:block; }
    quatro níveis alternados (escuro > claro > escuro > claro) não são cobertos. Quem cobra:
    `tests/visual/tema-na-secao.spec.ts`, e o `tema-na-secao.test.tsx` reprova regra nova sem a
    guarda. */
-/* A mistura de 45% ficou SÓ na `lory` (ADR-0083, 26/10/2026): na Aurea, a letra de destaque do claro é o grafite —
+/* A mistura de 45% ficou SÓ na `ember` (ADR-0083, 26/10/2026): na Aurea, a letra de destaque do claro é o grafite —
    a regra fica na seção "A paleta da 1.0", no fim da folha. */
-[data-theme="light"] .eyebrow:where([data-brand="lory"],[data-brand="lory"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) { color:color-mix(in oklab, var(--primary) 45%, var(--foreground)); }
+[data-theme="light"] .eyebrow:where([data-brand="ember"],[data-brand="ember"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) { color:color-mix(in oklab, var(--primary) 45%, var(--foreground)); }
 .demo { min-width:0; padding:var(--card-pad); border:1px solid transparent; border-radius:var(--radius-card); background:var(--card); color:var(--card-foreground); box-shadow:none; }
 
 /* ========================================================================== */
@@ -1789,9 +2359,9 @@ img,svg { display:block; }
 .btn-danger-ghost:hover:not(:disabled):not([aria-disabled="true"]) { --btn-bg:color-mix(in oklab, var(--destructive) 14%, transparent); }
 [data-theme="light"] .btn-danger-outline:where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),[data-theme="light"] .btn-danger-ghost:where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),[data-theme="light"] .btn-link-danger:where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) { --btn-fg:var(--danger-400); }
 /* A LETRA DA MARCA nos botões sem caixa é a de DESTAQUE (ADR-0081, 24/10/2026 — a ADR-0076 aplicada a eles): o azul no
-   claro, o amarelo no escuro, e na `lory` o laranja escuro dela. De 21/08 até aqui, o claro levava a mistura marrom
+   claro, o amarelo no escuro, e na `ember` o laranja escuro dela. De 21/08 até aqui, o claro levava a mistura marrom
    (a marca a 45% no texto): passava sobre a página e caía para 4,22 dentro da barra de ferramentas; o azul dá 4,69. O
-   `--primary-outline` não serve de letra: na `lory` ele é translúcido (é do contorno). */
+   `--primary-outline` não serve de letra: na `ember` ele é translúcido (é do contorno). */
 /* LINK: aparência de texto, sem cápsula e sem altura de controle — o sublinhado é o que diz
    que é clicável, então ele existe desde o repouso (revelar no hover esconde a affordance).
    Três tons: neutro, marca e destrutivo. No claro a marca aprofunda, senão não passa o AA. */
@@ -1973,8 +2543,11 @@ img,svg { display:block; }
 .btn-group-detached,.toggle-group-detached { flex-wrap:wrap; gap:var(--space-1); }
 .btn-group-full,.toggle-group-full { display:flex; inline-size:100%; }
 :is(.btn-group-full,.toggle-group-full) > .btn { flex:1 1 0%; min-inline-size:0; }
-/* Toolbar: contêiner de controles; o roving tabindex vem do Base UI. */
-.toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:6px; border:1px solid transparent; border-radius:var(--radius-control); background:var(--secondary); }
+/* Toolbar: contêiner de controles; o roving tabindex vem do Base UI.
+   AS MEDIDAS DA REFERÊNCIA (o Victor, 28/10/2026, olhando as duas lado a lado: "Medidas da referência"): a barra "colada"
+   dela tem 4 por dentro e 8 entre os botões. Eram 7 (6 de recheio + 1 da borda transparente) e 6, escritos à mão. O
+   recheio desconta a borda, que o "sem linha" deixa transparente mas que ainda ocupa espaço: 4 − 1 = 3. */
+.toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-2); padding:calc(var(--space-1) - var(--border-width)); border:var(--border-width) solid transparent; border-radius:var(--radius-control); background:var(--secondary); }
 /* Vertical sai da pílula: --radius-control (999px) clampa em 50% da menor
    dimensão e vira um oval num container alto. */
 .toolbar[data-orientation="vertical"] { flex-direction:column; align-items:stretch; border-radius:var(--radius-lg); }
@@ -2505,8 +3078,8 @@ img,svg { display:block; }
    grita mais que o próprio rótulo. No tema CLARO o amarelo puro como texto dá 1.6:1, longe
    dos 4.5:1 do AA, então o rótulo aprofunda com --foreground e segue âmbar. */
 /* O BOTÃO LIGADO saiu desta linguagem na Aurea (ADR-0083, 26/10/2026): amarelo cheio, a letra do botão primário e
-   sem fio — a regra fica na seção "A paleta da 1.0", no fim da folha. Aqui ele continua só na `lory`. */
-.is-selected,.btn-nav[aria-current]:not([aria-current="false"]),.btn[aria-pressed="true"]:where([data-brand="lory"],[data-brand="lory"] *),
+   sem fio — a regra fica na seção "A paleta da 1.0", no fim da folha. Aqui ele continua só na `ember`. */
+.is-selected,.btn-nav[aria-current]:not([aria-current="false"]),.btn[aria-pressed="true"]:where([data-brand="ember"],[data-brand="ember"] *),
 .segmented :is(button,a).active { --btn-bg:var(--secondary); --btn-fg:var(--primary); position:relative; background:var(--secondary); color:var(--primary); }
 /* A CÁPSULA ELEVADA que a regra acima promete, e que no trilho não se via (ADR-0059, 08/10/2026):
    o segmento aceso e a aba escolhida vivem sobre --muted, e --secondary dava 1:1 contra ele no
@@ -2519,10 +3092,10 @@ img,svg { display:block; }
    da marca; o da Aurea é o "clarinho" (o amarelo a 10%, a receita do `.badge-primary` que o Victor
    escolheu para a página atual da paginação), aqui sobre o cinza, para o grupo colado continuar uma
    cápsula só. A letra da marca e o fio continuam os do "selecionado". */
-.btn.toggle[data-pressed]:where([data-brand="lory"],[data-brand="lory"] *) { --btn-bg:color-mix(in oklab, var(--primary) 10%, var(--secondary)); background:var(--btn-bg); }
-.btn.toggle[data-pressed]:hover:not(:disabled):not([aria-disabled="true"]):where([data-brand="lory"],[data-brand="lory"] *) { --btn-bg:color-mix(in oklab, var(--primary) 10%, var(--secondary-hover)); }
+.btn.toggle[data-pressed]:where([data-brand="ember"],[data-brand="ember"] *) { --btn-bg:color-mix(in oklab, var(--primary) 10%, var(--secondary)); background:var(--btn-bg); }
+.btn.toggle[data-pressed]:hover:not(:disabled):not([aria-disabled="true"]):where([data-brand="ember"],[data-brand="ember"] *) { --btn-bg:color-mix(in oklab, var(--primary) 10%, var(--secondary-hover)); }
 /* O ATIVO DA NAV DA LATERAL sai da escala DELA, e não da página (20/08/2026, o Victor viu sob a
-   marca `lory`). Ele dividia esta regra com o `.segmented`, que vive no conteúdo — e `--secondary`
+   marca `ember`). Ele dividia esta regra com o `.segmented`, que vive no conteúdo — e `--secondary`
    é quase branco no tema claro. Numa lateral escura isso desenhava uma pílula branca com texto
    escuro: as cores invertidas que ele apontou.
    `--sidebar-accent` e `--sidebar-primary` já eram publicados e não tinham uso no core. O segundo
@@ -2533,7 +3106,7 @@ img,svg { display:block; }
    Os links da lateral do catálogo não têm atributo `class`, então `[data-theme="light"]
    a:not([class])` — a regra que existe para LINK DE PROSA — casa com eles. Ela pesa (0,2,1) e a
    `.doc-nav a` pesa (0,1,1): a regra de prosa ganhava e pintava o item com
-   `color-mix(--primary, --foreground)`. Sob a marca `lory` isso deu MARROM ESCURO
+   `color-mix(--primary, --foreground)`. Sob a marca `ember` isso deu MARROM ESCURO
    (`oklab(0.44 0.059 0.051)`) sobre um painel escuro — ilegível, e foi o que ele viu.
    Mesmo peso, e depois na folha: quem manda no que está DENTRO da lateral é a lateral.
    `:not(.active)` NÃO é enfeite — a primeira versão desta linha não tinha, pesava igual à regra do
@@ -2541,7 +3114,7 @@ img,svg { display:block; }
    saíram com a mesma cor. Com o `:not` ela pesa (0,3,1) e só alcança quem está em repouso. */
 [data-theme="light"] .doc-nav a:not(.active):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) { color:color-mix(in oklab, var(--sidebar-foreground) 72%, transparent); }
 .is-selected::after,.btn-nav[aria-current]:not([aria-current="false"])::after,
-.btn[aria-pressed="true"]:not(.btn-icon):where([data-brand="lory"],[data-brand="lory"] *)::after,.segmented :is(button,a).active::after,.tabs-secondary .tab[data-active]::after,
+.btn[aria-pressed="true"]:not(.btn-icon):where([data-brand="ember"],[data-brand="ember"] *)::after,.segmented :is(button,a).active::after,.tabs-secondary .tab[data-active]::after,
 .doc-nav a.active::after,.sidebar-item[aria-current]::after { content:""; position:absolute; inset-inline:15px; bottom:0; height:2px; border-radius:var(--radius-full); background:color-mix(in oklab, var(--primary) 75%, transparent); }
 /* e o fio do ativo da lateral segue a marca DELA, pelo mesmo motivo da regra de cor acima. */
 .doc-nav a.active::after,.sidebar-item[aria-current]::after { background:var(--sidebar-current-line, color-mix(in oklab, var(--sidebar-primary) 75%, transparent)); }
@@ -2549,18 +3122,18 @@ img,svg { display:block; }
 /* ADR-0076 (20/10/2026), o Victor olhando a bancada: "não quero ele azul, não pode ser na cor do botão?". No claro da Aurea
    padrão, o item atual da lateral é o botão primário: o fundo amarelo e a letra cinza-escura dele (8,13:1). O fundo já
    marca o estado, e o fio de baixo some (`--sidebar-current-line` transparente: regra no `::after` não aceitaria a guarda
-   de tema no fim). Só sem `data-brand` (a `lory` tem a lateral dela) e só no claro (no escuro, a letra amarela continua).
+   de tema no fim). Só sem `data-brand` (a `ember` tem a lateral dela) e só no claro (no escuro, a letra amarela continua).
    Sobre o amarelo, a letra de destaque de DENTRO do item (o selo primário de contagem, um ícone de destaque) é a tinta do
    botão: o azul sobre o amarelo mede 3,49:1 — o axe da varredura achou, no "12" do exemplo da `Sidebar`. */
 [data-theme="light"] :is(.sidebar-item[aria-current],.doc-nav a.active):not(:where([data-brand],[data-brand] *,.sidebar[class*="sidebar-indicator-"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) { --sidebar-current-line:transparent; --primary-emphasis:var(--primary-foreground); --sidebar-primary:var(--primary-foreground); background:var(--primary); color:var(--primary-foreground); }
-/* A mistura de 45% (o "marrom") ficou SÓ na `lory` (ADR-0083, 26/10/2026). Na Aurea, o escolhido do claro tem a letra
+/* A mistura de 45% (o "marrom") ficou SÓ na `ember` (ADR-0083, 26/10/2026). Na Aurea, o escolhido do claro tem a letra
    grafite, e o botão ligado é amarelo — as duas regras ficam na seção "A paleta da 1.0", no fim da folha. */
-[data-theme="light"] .is-selected:where([data-brand="lory"],[data-brand="lory"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),[data-theme="light"] .btn-nav[aria-current]:not([aria-current="false"]):where([data-brand="lory"],[data-brand="lory"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
-[data-theme="light"] .btn[aria-pressed="true"]:where([data-brand="lory"],[data-brand="lory"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),[data-theme="light"] .segmented :is(button,a).active:where([data-brand="lory"],[data-brand="lory"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *)
+[data-theme="light"] .is-selected:where([data-brand="ember"],[data-brand="ember"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),[data-theme="light"] .btn-nav[aria-current]:not([aria-current="false"]):where([data-brand="ember"],[data-brand="ember"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
+[data-theme="light"] .btn[aria-pressed="true"]:where([data-brand="ember"],[data-brand="ember"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),[data-theme="light"] .segmented :is(button,a).active:where([data-brand="ember"],[data-brand="ember"] *):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *)
   { --btn-fg:color-mix(in oklab, var(--primary) 45%, var(--foreground)); color:color-mix(in oklab, var(--primary) 45%, var(--foreground)); }
 /* A NAV DA LATERAL SAIU DESTA LISTA em 20/08/2026. O ajuste existe porque o amarelo puro não se lê
    sobre o claro — mas ele mistura o `--foreground` da PÁGINA, e o item da lateral não está sobre a
-   página: está sobre `--sidebar-accent`. Sob a marca `lory`, onde esse fundo é escuro no tema
+   página: está sobre `--sidebar-accent`. Sob a marca `ember`, onde esse fundo é escuro no tema
    claro, a mistura escurecia o texto contra um fundo escuro. Quem manda ali é `--sidebar-primary`,
    que cada marca já publica com a claridade certa para o painel dela. */
 
@@ -2588,8 +3161,11 @@ img,svg { display:block; }
 .badge-primary { --badge-accent:var(--primary-emphasis); --badge-on:var(--primary-foreground); color:var(--primary-emphasis); border-color:transparent; background:color-mix(in srgb,var(--primary) 10%,transparent); }
 /* ADR-0076 (20/10/2026): na Aurea padrão a letra de destaque do claro é o AZUL, e o cheio continua o AMARELO — o fundo do
    selo cheio é o primário, e não o acento (com o acento, sairia a letra cinza no azul, 1,99:1). Só sem `data-brand`, como o
-   contorno lá embaixo: na `lory` do claro o primário com a letra dela mede 3,08:1, e o acento dela já é o fundo certo. */
-.badge-primary:not(:where([data-brand],[data-brand] *)) { --badge-fill:var(--primary); }
+   contorno lá embaixo: na `ember` do claro o primário com a letra dela mede 3,08:1, e o acento dela já é o fundo certo. */
+/* Passo C (28/10/2026): "sem `data-brand`" queria dizer "fora da `ember`" — ela era a única marca. Com as 11 marcas novas, o
+   selo cheio delas saía no acento (a letra escura no grafite, 1,12:1 na Aurea Sun do claro; a branca no azul claro, 2,25:1
+   na Cobalt do escuro). O selo cheio é o botão cheio em toda marca; só a Ember fica como era. */
+.badge-primary:not(:where([data-brand="ember"],[data-brand="ember"] *)) { --badge-fill:var(--primary); }
 /* TAMANHOS. O md é a base (24px), que não muda — é o que as 103 fichas já usam. */
 .badge-xs { min-height:var(--space-4); padding:0 var(--space-1); border-width:0; }
 .badge-sm { min-height:var(--space-5); padding:0 calc(var(--space-1) + var(--space-05) - var(--border-width)); }
@@ -3214,11 +3790,11 @@ button.tag-main { cursor:pointer; }
    alinham por construção em vez de por número copiado. Saem junto os 24px de recuo e os 7px
    do trilho — dois px crus a menos na catraca do check 12. */
 .timeline { position:relative; display:flex; flex-direction:column; gap:var(--space-5); margin:0; padding:0; list-style:none; }
-/* O TRILHO POR BAIXO DOS PONTOS (ADR-0083, 27/10/2026, em todas as marcas — o Victor: o defeito "não tinha só na lory, no
+/* O TRILHO POR BAIXO DOS PONTOS (ADR-0083, 27/10/2026, em todas as marcas — o Victor: o defeito "não tinha só na ember, no
    tema padrão da Aurea também"). Era um `::before` da lista inteira, posicionado, e o ponto não: o navegador pinta o
    posicionado por cima, e a linha passava por CIMA da bolinha; e ia até o fim da lista, sobrando depois do último ponto.
    Agora cada item desenha o trecho até o ponto seguinte, centrado no ponto, e o ponto fica por cima. A cor é a da linha
-   (`--border`); a paleta da 1.0 a troca por `--input`, mais adiante, fora da lory. */
+   (`--border`); a paleta da 1.0 a troca por `--input`, mais adiante, fora da ember. */
 .timeline > li { position:relative; display:flex; align-items:flex-start; gap:var(--space-3); }
 .timeline > li:not(:last-child)::before { content:""; position:absolute; inset-inline-start:calc(var(--space-3) / 2 - var(--border-width) / 2);
   inset-block-start:calc(var(--space-1) + var(--space-3)); inset-block-end:calc(-1 * (var(--space-5) + var(--space-1)));
@@ -4936,9 +5512,9 @@ button.graph-node-body { cursor:pointer; }
 /* Menos o primário da Aurea (ADR-0073, decisão do Victor de 18/10/2026, "A"): a letra é o próprio acento (o amarelo no
    escuro; o azul no claro, desde a ADR-0076), a mesma do selo suave e do botão de contorno da marca — misturado ao texto,
    o amarelo virava mostarda (2,36:1) só nesta peça. A
-   referência principal usa a mesma letra no suave e no contorno. Só sem `data-brand`: na `lory` do claro, sem a
+   referência principal usa a mesma letra no suave e no contorno. Só sem `data-brand`: na `ember` do claro, sem a
    mistura, a letra cairia de 5,56 para 4,42:1. */
-.badge-primary.badge-outline:not(:where([data-brand],[data-brand] *)) { color:var(--badge-accent); }
+.badge-primary.badge-outline:not(:where([data-brand="ember"],[data-brand="ember"] *)) { color:var(--badge-accent); }
 /* O registro ganhou o fundo dos campos; o nível `info` (o azul) caía a 4,08:1 sobre ele no claro. A mesma letra 20% para o texto. */
 .log-stream .log-level.info { color:color-mix(in oklab,var(--info-400) 80%,var(--foreground)); }
 .step:not(.step-done,.step-active,.step-error,.done,.active) .step-dot { background-color:var(--fill-3-solid); }
@@ -4955,25 +5531,34 @@ button.graph-node-body { cursor:pointer; }
    GRAFITE no claro (o amarelo vira fundo, traço ou indicador, nunca letra), o link com marca-texto, os campos brancos,
    as marcas brancas dentro dos controles, o botão ligado amarelo e a linha do tempo consertada. Os TOKENS mudaram na
    fonte (`aurea.tokens.json`); aqui ficam as REGRAS que mudam junto.
-   A `lory` fica 100% como é hoje (decisão do Victor, 26/10/2026): os tokens dela foram congelados na fonte, e toda
-   regra desta seção leva `:where(:not([data-brand="lory"],[data-brand="lory"] *))`, de força zero. Quem prova que
-   ela sai igual: `tests/visual/lory-congelada.spec.ts`. */
+   A `ember` fica 100% como é hoje (decisão do Victor, 26/10/2026): os tokens dela foram congelados na fonte, e toda
+   regra desta seção leva `:where(:not([data-brand="ember"],[data-brand="ember"] *))`, de força zero. Quem prova que
+   ela sai igual: `tests/visual/ember-congelada.spec.ts`. */
 
 /* O ESCOLHIDO do claro tem a letra grafite (era a mistura de 45%, que dava marrom): a aba, o segmento aceso, o item de
    navegação atual e o rótulo `.eyebrow`. O fio amarelo de baixo continua. No escuro, a letra continua o amarelo. */
-[data-theme="light"] .is-selected:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
-[data-theme="light"] .eyebrow:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
-[data-theme="light"] .btn-nav[aria-current]:not([aria-current="false"]):where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
-[data-theme="light"] .segmented :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *)
+[data-theme="light"] .is-selected:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
+[data-theme="light"] .eyebrow:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
+[data-theme="light"] .btn-nav[aria-current]:not([aria-current="false"]):where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
+[data-theme="light"] .segmented :is(button,a).active:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *)
   { --btn-fg:var(--foreground); color:var(--foreground); }
+/* NO ESCURO, a letra do escolhido é o `--primary-emphasis`, a versão do primário feita para ser letra (a regra 2.1b da
+   proposta; passo C, 28/10/2026). Na Aurea Gold ele é o próprio amarelo, e nada muda. Nas marcas escuras, o primário puro
+   como letra media 1,56:1 (cobalt) a 4,3:1 (cyan) — o axe achou no banco das marcas, e também no `.eyebrow`, que a proposta
+   não listava (2,98 a 4,29:1). Quem cobra: `tests/visual/marcas-passo-c.spec.ts`. */
+[data-theme="dark"] .is-selected:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="light"] *),[data-theme="light"] [data-theme="dark"] *),
+[data-theme="dark"] .eyebrow:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="light"] *),[data-theme="light"] [data-theme="dark"] *),
+[data-theme="dark"] .btn-nav[aria-current]:not([aria-current="false"]):where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="light"] *),[data-theme="light"] [data-theme="dark"] *),
+[data-theme="dark"] .segmented :is(button,a).active:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="light"] *),[data-theme="light"] [data-theme="dark"] *)
+  { --btn-fg:var(--primary-emphasis); color:var(--primary-emphasis); }
 
 /* O BOTÃO LIGADO (Toggle, ToggleGroup, ToolbarButton): amarelo cheio com a letra do botão primário, nos dois temas, sem
    o fio de baixo e sem o fundo "clarinho". As cores passam por `--pressed-*` no próprio botão, para uma faixa com outro
    `data-theme` acertar e para os outros estilos aprovados (o cinza e o grafite) só trocarem as três variáveis. */
-:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):where(:not([data-brand="ember"],[data-brand="ember"] *)) {
   --pressed-bg:var(--primary); --pressed-bg-hover:var(--primary-hover); --pressed-fg:var(--primary-foreground);
   --btn-bg:var(--pressed-bg); --btn-fg:var(--pressed-fg); background:var(--pressed-bg); color:var(--pressed-fg); }
-:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):hover:not(:disabled):not([aria-disabled="true"]):where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):hover:not(:disabled):not([aria-disabled="true"]):where(:not([data-brand="ember"],[data-brand="ember"] *)) {
   --btn-bg:var(--pressed-bg-hover); background:var(--pressed-bg-hover); }
 
 /* O LINK separa-se do texto por mais que a cor (WCAG 1.4.1): no claro a letra é o grafite e no escuro o amarelo — a
@@ -4982,7 +5567,7 @@ button.graph-node-body { cursor:pointer; }
    o marca-texto é para o link no meio do texto (medido no site em 27/10/2026: dos 596 links sem classe, 588 eram a
    chave Web | Native e 6 a trilha; só 2 estavam na prosa).
    A base, nos dois temas (e a VARIAÇÃO do claro): o sublinhado amarelo de 2 com 3 de afastamento. */
-:is(a:not([class]),.link,.typography-tone-link):not(.breadcrumb a,nav a,.segmented a):where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is(a:not([class]),.link,.typography-tone-link):not(.breadcrumb a,nav a,.segmented a):where(:not([data-brand="ember"],[data-brand="ember"] *)) {
   color:var(--link); text-decoration-line:underline; text-decoration-color:var(--link-underline);
   text-decoration-thickness:calc(2 * var(--border-width)); text-underline-offset:calc(3 * var(--border-width)); }
 /* O PADRÃO do claro: o MARCA-TEXTO — a faixa amarela a 45% atrás da metade de baixo das letras (o texto sobre ela mede
@@ -4991,32 +5576,32 @@ button.graph-node-body { cursor:pointer; }
    As medidas são PROPORÇÕES DA LETRA (em), medidas na bancada de 26/10/2026, e crescem com ela; provadas nos três
    navegadores em 27/10/2026. A variação (o sublinhado) se pede com `data-link="underline"` no próprio link, num
    contêiner ou no `<html>` — um atributo, e não uma classe: o core só tem classe que um componente produz. */
-[data-theme="light"] :is(a:not([class]),.link,.typography-tone-link):not(.breadcrumb a,nav a,.segmented a):not([data-link="underline"],[data-link="underline"] *):where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
+[data-theme="light"] :is(a:not([class]),.link,.typography-tone-link):not(.breadcrumb a,nav a,.segmented a):not([data-link="underline"],[data-link="underline"] *):where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
   text-decoration-color:var(--link-mark); text-decoration-thickness:.5em; text-underline-offset:-.32em; text-decoration-skip-ink:none;
   transition:text-decoration-thickness var(--duration-fast) var(--ease-standard),text-underline-offset var(--duration-fast) var(--ease-standard); }
-[data-theme="light"] :is(a:not([class]),.link,.typography-tone-link):not(.breadcrumb a,nav a,.segmented a):not([data-link="underline"],[data-link="underline"] *):hover:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
+[data-theme="light"] :is(a:not([class]),.link,.typography-tone-link):not(.breadcrumb a,nav a,.segmented a):not([data-link="underline"],[data-link="underline"] *):hover:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
   text-decoration-thickness:1.25em; text-underline-offset:-1.02em; }
 @media (prefers-reduced-motion:reduce) {
-  [data-theme="light"] :is(a:not([class]),.link,.typography-tone-link):where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) { transition:none; }
+  [data-theme="light"] :is(a:not([class]),.link,.typography-tone-link):where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) { transition:none; }
 }
 
 /* As TINTAS que saíam do destaque ficariam cinza com o destaque grafite: no claro, elas saem do próprio amarelo — o selo
    primário de contorno (16%) e a marca do item atual da barra de baixo de aro (15%). */
-[data-theme="light"] .badge-primary.badge-outline:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
+[data-theme="light"] .badge-primary.badge-outline:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
   background-color:color-mix(in oklab, var(--primary) 16%, transparent); }
-[data-theme="light"] .bottom-nav-ind-circle-outline .bottom-nav-item[aria-current] .bottom-nav-mark:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
+[data-theme="light"] .bottom-nav-ind-circle-outline .bottom-nav-item[aria-current] .bottom-nav-mark:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
   background:color-mix(in srgb, var(--primary) 15%, transparent); }
 
 /* O CAMPO no claro é BRANCO com a sombra fina em todo lugar, também DENTRO das superfícies brancas (era o cinza
    `--fill-2` ali — ADR-0078, item 2, revertido pela ADR-0083): dentro de um cartão branco, quem separa o campo é a
    sombra. A lista é a das superfícies da regra de campo, acima. No escuro, nada muda. */
-[data-theme="light"] :is(.card:not(.card-outline):not(.card-inset),.content:not(.content-plain),.section-card,.demo,.dialog,.drawer,.popover,.menu,.command-palette,.alert,.banner-consent,.toast,.accordion-surface,.datagrid-detail,:is(.table,.table-wrap) tbody :is(td,th),.topbar-floating,.topbar-pill,.sortable-item,.app-shell-docs > .sidebar[popover]:popover-open):where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
+[data-theme="light"] :is(.card:not(.card-outline):not(.card-inset),.content:not(.content-plain),.section-card,.demo,.dialog,.drawer,.popover,.menu,.command-palette,.alert,.banner-consent,.toast,.accordion-surface,.datagrid-detail,:is(.table,.table-wrap) tbody :is(td,th),.topbar-floating,.topbar-pill,.sortable-item,.app-shell-docs > .sidebar[popover]:popover-open):where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
   --field-fill:var(--card); --field-lift:var(--field-lift-page); }
 
 /* O FOCO DOS CAMPOS no claro é o amarelo, uma linha só, como no escuro (decisão do Victor, 26/10/2026; a medida — 1,75:1
    na página, 1,91:1 no cartão, abaixo dos 3:1 — vai à bancada do passo A). Os botões e o resto continuam com o grafite. */
-[data-theme="light"] :is(.input,.textarea,.select):focus-visible:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
-[data-theme="light"] :is(.input-group,.combobox-multi):focus-within:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
+[data-theme="light"] :is(.input,.textarea,.select):focus-visible:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
+[data-theme="light"] :is(.input-group,.combobox-multi):focus-within:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
   outline-color:var(--primary); }
 
 /* "AUMENTAR CONTRASTE" do sistema (`prefers-contrast: more`: o "Aumentar contraste" do macOS, do iOS e do Android, o
@@ -5025,18 +5610,18 @@ button.graph-node-body { cursor:pointer; }
    linha que esta preferência acende, exceção nomeada à ADR-0072 pela ADR-0083), as quatro marcas dos controles na
    tinta, e o foco dos campos de volta ao grafite. Fora dela, nada disto existe. */
 @media (prefers-contrast:more) {
-  :is(.input,.textarea,.select,.input-group,.combobox-multi,.input-secondary,.textarea-secondary):where(:not([data-brand="lory"],[data-brand="lory"] *)) { border-color:var(--input-strong); }
-  .input-group > :is(.input,.select,.textarea):where(:not([data-brand="lory"],[data-brand="lory"] *)) { border:0; }
-  :root:where(:not([data-brand="lory"])),[data-theme]:where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+  :is(.input,.textarea,.select,.input-group,.combobox-multi,.input-secondary,.textarea-secondary):where(:not([data-brand="ember"],[data-brand="ember"] *)) { border-color:var(--input-strong); }
+  .input-group > :is(.input,.select,.textarea):where(:not([data-brand="ember"],[data-brand="ember"] *)) { border:0; }
+  :root:where(:not([data-brand="ember"])),[data-theme]:where(:not([data-brand="ember"],[data-brand="ember"] *)) {
     --control-thumb:var(--brand-yellow-ink); --control-selected-foreground:var(--brand-yellow-ink); --control-selected-dot:var(--brand-yellow-ink); }
-  [data-theme="light"] :is(.input,.textarea,.select):focus-visible:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
-  [data-theme="light"] :is(.input-group,.combobox-multi):focus-within:where(:not([data-brand="lory"],[data-brand="lory"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
+  [data-theme="light"] :is(.input,.textarea,.select):focus-visible:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *),
+  [data-theme="light"] :is(.input-group,.combobox-multi):focus-within:where(:not([data-brand="ember"],[data-brand="ember"] *)):where(:not([data-theme="dark"] *),[data-theme="dark"] [data-theme="light"] *) {
     outline-color:var(--focus-strong); }
 }
 
 /* A LINHA DO TEMPO: o trilho por baixo dos pontos é conserto de todas as marcas (na regra da linha do tempo, acima). Aqui
    só a cor: de `--border` para `--input` — na página do Zinco profundo, o `--border` quase não aparecia. */
-.timeline > li:not(:last-child):where(:not([data-brand="lory"],[data-brand="lory"] *))::before { background:var(--input); }
+.timeline > li:not(:last-child):where(:not([data-brand="ember"],[data-brand="ember"] *))::before { background:var(--input); }
 
 /* ═══ AS CORES, passo B — os estilos novos (ADR-0084, 27/10/2026) ═════════════════════════════════════════════════
    Os estilos que o Victor aprovou em 26/10/2026, todos para construir, cada um uma VARIAÇÃO (o padrão de cada peça não
@@ -5046,62 +5631,73 @@ button.graph-node-body { cursor:pointer; }
    peça com o seu atributo ganha do contêiner (`:not([data-…])` no caminho do contêiner); contêiner dentro de contêiner
    vale o que vem depois aqui.
    As cores ficam NA PEÇA, e não num token herdado da raiz: assim uma faixa com outro `data-theme` acerta.
-   A `lory` fica de fora, como no passo A (a marca congelada): toda regra leva o `:where(:not(…lory…))` de força zero.
+   ~~A `ember` fica de fora, como no passo A (a marca congelada): toda regra leva o `:where(:not(…ember…))` de força zero.~~
+   → A Aurea Ember RECEBE os estilos, como as outras marcas (o Victor, 28/10/2026, vendo que na Ember as
+   variações saíam todas iguais: "Sim, como as outras"). O padrão dela, sem estilo escolhido, continua congelado — as
+   regras do passo A continuam sem alcançá-la. Por isso o botão ligado dela, com um estilo escolhido, ganha aqui a
+   pintura que o passo A dá às outras marcas (logo abaixo do 2.8).
    As duas exceções desta seção, registradas na ADR-0084: o DEGRADÊ do `brand-gradient` (a segunda exceção à ADR-0007,
    depois da escolha de cor da ADR-0069) e os AROS dos estilos de aro (o desenho que dá nome ao estilo — exceção nomeada à
    ADR-0072, só quando o app escolhe o estilo). */
 
 /* 2.8 · O BOTÃO LIGADO (Toggle, ToggleGroup, ToolbarButton): o C, amarelo, é o padrão desde a 0.45.0 (a regra do passo A
    já escreve as três variáveis). Aqui o A (`neutral`, o cinza) e o B (`contrast`, o grafite, invertido) trocam só as três. */
-:is([data-pressed-style="neutral"] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style="neutral"]):where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-pressed-style="neutral"] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style="neutral"]) {
   --pressed-bg:var(--input); --pressed-bg-hover:color-mix(in oklab, var(--foreground) 9%, var(--input)); --pressed-fg:var(--foreground); }
-:is([data-pressed-style="contrast"] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style="contrast"]):where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-pressed-style="contrast"] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style="contrast"]) {
   --pressed-bg:var(--foreground); --pressed-bg-hover:color-mix(in oklab, var(--foreground) 84%, var(--background)); --pressed-fg:var(--background); }
-:is([data-pressed-style="brand"] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style="brand"]):where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-pressed-style="brand"] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style="brand"]) {
   --pressed-bg:var(--primary); --pressed-bg-hover:var(--primary-hover); --pressed-fg:var(--primary-foreground); }
+/* A Ember com um estilo escolhido: a pintura do botão ligado (a do passo A, que não a alcança) e sem o fio de baixo do
+   ligado dela de sempre. Sem estilo escolhido, o ligado da Ember continua o de antes. */
+:is([data-pressed-style] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style]):where([data-brand="ember"],[data-brand="ember"] *) {
+  --btn-bg:var(--pressed-bg); --btn-fg:var(--pressed-fg); background:var(--pressed-bg); color:var(--pressed-fg); }
+:is([data-pressed-style] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style]):hover:not(:disabled):not([aria-disabled="true"]):where([data-brand="ember"],[data-brand="ember"] *) {
+  --btn-bg:var(--pressed-bg-hover); background:var(--pressed-bg-hover); }
+:is([data-pressed-style] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style]):where([data-brand="ember"],[data-brand="ember"] *)::after { content:none; }
 /* O cinza é o mais discreto — o ligado fica perto do desligado. Quem pede mais contraste ganha o contorno de 3:1 (a mesma
    exceção dos campos, ADR-0083: a linha que só o "aumentar contraste" acende). */
 @media (prefers-contrast:more) {
-  :is([data-pressed-style="neutral"] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style="neutral"]):where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+  :is([data-pressed-style="neutral"] :is(.btn[aria-pressed="true"],.btn.toggle[data-pressed]):not([data-pressed-style]),:is(.btn[aria-pressed="true"],.btn.toggle[data-pressed])[data-pressed-style="neutral"]) {
     box-shadow:inset 0 0 0 var(--border-width) var(--input-strong); }
 }
 
 /* 2.9 · O SEGMENTO ACESO em seis: `current` (a cápsula elevada com o fio amarelo — o de sempre, o padrão), `neutral` (a
    mesma cápsula, sem fio), `contrast` (o grafite), `brand` (o amarelo), `ring` (a cápsula neutra com o aro amarelo) e
    `dot` (a cápsula neutra com um ponto amarelo antes do texto). Do `neutral` ao `dot`, o fio de baixo sai. */
-:is([data-segment-style="neutral"] .segmented:not([data-segment-style]),.segmented[data-segment-style="neutral"]) :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --seg-bg:var(--segment); --seg-fg:var(--foreground); --seg-shadow:var(--shadow-sm); }
-:is([data-segment-style="contrast"] .segmented:not([data-segment-style]),.segmented[data-segment-style="contrast"]) :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --seg-bg:var(--foreground); --seg-fg:var(--background); --seg-shadow:none; }
-:is([data-segment-style="brand"] .segmented:not([data-segment-style]),.segmented[data-segment-style="brand"]) :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --seg-bg:var(--primary); --seg-fg:var(--primary-foreground); --seg-shadow:none; }
-:is([data-segment-style="ring"] .segmented:not([data-segment-style]),.segmented[data-segment-style="ring"]) :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --seg-bg:var(--segment); --seg-fg:var(--foreground); --seg-shadow:inset 0 0 0 calc(1.5 * var(--border-width)) var(--primary), var(--shadow-sm); }
-:is([data-segment-style="dot"] .segmented:not([data-segment-style]),.segmented[data-segment-style="dot"]) :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --seg-bg:var(--segment); --seg-fg:var(--foreground); --seg-shadow:var(--shadow-sm); }
-:is([data-segment-style]:not([data-segment-style="current"]) .segmented:not([data-segment-style]),.segmented[data-segment-style]:not([data-segment-style="current"])) :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-segment-style="neutral"] .segmented:not([data-segment-style]),.segmented[data-segment-style="neutral"]) :is(button,a).active { --seg-bg:var(--segment); --seg-fg:var(--foreground); --seg-shadow:var(--shadow-sm); }
+:is([data-segment-style="contrast"] .segmented:not([data-segment-style]),.segmented[data-segment-style="contrast"]) :is(button,a).active { --seg-bg:var(--foreground); --seg-fg:var(--background); --seg-shadow:none; }
+:is([data-segment-style="brand"] .segmented:not([data-segment-style]),.segmented[data-segment-style="brand"]) :is(button,a).active { --seg-bg:var(--primary); --seg-fg:var(--primary-foreground); --seg-shadow:none; }
+:is([data-segment-style="ring"] .segmented:not([data-segment-style]),.segmented[data-segment-style="ring"]) :is(button,a).active { --seg-bg:var(--segment); --seg-fg:var(--foreground); --seg-shadow:inset 0 0 0 calc(1.5 * var(--border-width)) var(--primary), var(--shadow-sm); }
+:is([data-segment-style="dot"] .segmented:not([data-segment-style]),.segmented[data-segment-style="dot"]) :is(button,a).active { --seg-bg:var(--segment); --seg-fg:var(--foreground); --seg-shadow:var(--shadow-sm); }
+:is([data-segment-style]:not([data-segment-style="current"]) .segmented:not([data-segment-style]),.segmented[data-segment-style]:not([data-segment-style="current"])) :is(button,a).active {
   --btn-bg:var(--seg-bg); --btn-fg:var(--seg-fg); background:var(--seg-bg); color:var(--seg-fg); box-shadow:var(--seg-shadow); }
-:is([data-segment-style]:not([data-segment-style="current"]) .segmented:not([data-segment-style]),.segmented[data-segment-style]:not([data-segment-style="current"])) :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *))::after { content:none; }
+:is([data-segment-style]:not([data-segment-style="current"]) .segmented:not([data-segment-style]),.segmented[data-segment-style]:not([data-segment-style="current"])) :is(button,a).active::after { content:none; }
 /* O ponto do `dot` tem o lugar reservado em TODOS os segmentos, para a largura não pular quando a escolha muda. 6 de
    diâmetro (a proposta) e 8 até o texto (a proposta dizia 7; o 8 é o `--space-2`, o vão de ícone e texto da escala). */
-:is([data-segment-style="dot"] .segmented:not([data-segment-style]),.segmented[data-segment-style="dot"]) :is(button,a):where(:not([data-brand="lory"],[data-brand="lory"] *))::before {
+:is([data-segment-style="dot"] .segmented:not([data-segment-style]),.segmented[data-segment-style="dot"]) :is(button,a)::before {
   content:""; display:inline-block; inline-size:calc(var(--space-1) + var(--space-05)); block-size:calc(var(--space-1) + var(--space-05));
   margin-inline-end:var(--space-2); border-radius:var(--radius-full); vertical-align:.1em; background:transparent; }
-:is([data-segment-style="dot"] .segmented:not([data-segment-style]),.segmented[data-segment-style="dot"]) :is(button,a).active:where(:not([data-brand="lory"],[data-brand="lory"] *))::before { background:var(--primary); }
+:is([data-segment-style="dot"] .segmented:not([data-segment-style]),.segmented[data-segment-style="dot"]) :is(button,a).active::before { background:var(--primary); }
 
 /* 2.12 · A LINHA DO TEMPO em cinco, todos sobre o conserto da ADR-0083: `default` (o ponto amarelo cheio — o padrão),
    `ring` (o ponto vazado com o aro amarelo de 2), `latest` (os pontos na cor fraca e só o último no amarelo, com halo de
    4), `time` (a hora numa coluna à esquerda, alinhada à direita) e `contrast` (os pontos na cor do texto). O `time` muda
    o arranjo pela grade e `display:contents` no `<div>` de dentro — a marcação do componente não muda. */
-:is([data-timeline-style="ring"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="ring"]) .timeline-dot:where(:not([data-brand="lory"],[data-brand="lory"] *)) { background:transparent; box-shadow:inset 0 0 0 calc(2 * var(--border-width)) var(--primary); }
-:is([data-timeline-style="latest"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="latest"]) .timeline-dot:where(:not([data-brand="lory"],[data-brand="lory"] *)) { background:var(--muted-foreground); }
-:is([data-timeline-style="latest"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="latest"]) > li:last-child .timeline-dot:where(:not([data-brand="lory"],[data-brand="lory"] *)) { background:var(--primary); box-shadow:0 0 0 var(--space-1) color-mix(in oklab, var(--primary) 28%, transparent); }
-:is([data-timeline-style="contrast"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="contrast"]) .timeline-dot:where(:not([data-brand="lory"],[data-brand="lory"] *)) { background:var(--foreground); }
+:is([data-timeline-style="ring"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="ring"]) .timeline-dot { background:transparent; box-shadow:inset 0 0 0 calc(2 * var(--border-width)) var(--primary); }
+:is([data-timeline-style="latest"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="latest"]) .timeline-dot { background:var(--muted-foreground); }
+:is([data-timeline-style="latest"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="latest"]) > li:last-child .timeline-dot { background:var(--primary); box-shadow:0 0 0 var(--space-1) color-mix(in oklab, var(--primary) 28%, transparent); }
+:is([data-timeline-style="contrast"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="contrast"]) .timeline-dot { background:var(--foreground); }
 /* A coluna da hora tem 52 (a proposta, medida com "10:02" e "Ontem"): `--space-12` + `--space-1`. */
-:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li:where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li {
   display:grid; grid-template-columns:calc(var(--space-12) + var(--space-1)) var(--space-3) minmax(0,1fr); column-gap:var(--space-3); row-gap:var(--space-05); align-items:start; }
-:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li > div:where(:not([data-brand="lory"],[data-brand="lory"] *)) { display:contents; }
-:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li > div > small:where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li > div { display:contents; }
+:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li > div > small {
   grid-column:1; grid-row:1; text-align:end; font-variant-numeric:tabular-nums; line-height:calc(var(--text-sm) * var(--leading-normal)); }
-:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) .timeline-dot:where(:not([data-brand="lory"],[data-brand="lory"] *)) { grid-column:2; grid-row:1; }
-:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li > div > strong:where(:not([data-brand="lory"],[data-brand="lory"] *)) { grid-column:3; grid-row:1; }
-:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li > div > p:where(:not([data-brand="lory"],[data-brand="lory"] *)) { grid-column:3; grid-row:2; }
-:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li:not(:last-child):where(:not([data-brand="lory"],[data-brand="lory"] *))::before {
+:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) .timeline-dot { grid-column:2; grid-row:1; }
+:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li > div > strong { grid-column:3; grid-row:1; }
+:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li > div > p { grid-column:3; grid-row:2; }
+:is([data-timeline-style="time"] .timeline:not([data-timeline-style]),.timeline[data-timeline-style="time"]) > li:not(:last-child)::before {
   inset-inline-start:calc(var(--space-12) + var(--space-1) + var(--space-3) + var(--space-3) / 2 - var(--border-width) / 2); }
 
 /* 2.11 · O ITEM ATUAL DA BARRA DE BAIXO: o `indicator` escolhe a forma, o `currentStyle` a cor. O "fundo" é o do formato
@@ -5116,38 +5712,38 @@ button.graph-node-body { cursor:pointer; }
    2.13 · a barra inteira AMARELA, com todos os ícones e nomes na tinta (sem transparência: a tinta clareada sobre o
    amarelo vira marrom): bar-ink (I) a cápsula de tinta com o ícone amarelo · bar-ring (J) o aro de tinta · bar-plain (K)
    só o ícone cheio e o nome em semibold · bar-light (L) a cápsula amarelo-clara com a tinta. */
-:is([data-current-style="neutral"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="neutral"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:var(--secondary); --bn-fg:var(--foreground); --bn-ring:none; }
-:is([data-current-style="contrast"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="contrast"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:var(--foreground); --bn-fg:var(--background); --bn-ring:none; }
-:is([data-current-style="brand"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="brand"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:var(--primary); --bn-fg:var(--primary-foreground); --bn-ring:none; }
-:is([data-current-style="ring"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="ring"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:transparent; --bn-fg:var(--foreground); --bn-ring:inset 0 0 0 calc(1.5 * var(--border-width)) var(--primary); }
-:is([data-current-style="plain"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="plain"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:transparent; --bn-fg:var(--foreground); --bn-ring:none; }
-:is([data-current-style="brand-white"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="brand-white"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:var(--primary); --bn-fg:var(--white); --bn-ring:none; }
-:is([data-current-style="white-ring"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="white-ring"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:var(--white); --bn-fg:var(--brand-yellow-ink); --bn-ring:inset 0 0 0 calc(1.5 * var(--border-width)) var(--primary); }
-:is([data-current-style="brand-gradient"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="brand-gradient"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:linear-gradient(135deg, var(--primary) 20%, var(--primary-gradient-end, color-mix(in oklab, var(--primary) 30%, var(--white)))); --bn-fg:var(--primary-foreground); --bn-ring:none; }
-:is([data-current-style="bar-ink"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-ink"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:var(--primary-foreground); --bn-fg:var(--primary); --bn-ring:none; }
-:is([data-current-style="bar-ring"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-ring"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:transparent; --bn-fg:var(--primary-foreground); --bn-ring:inset 0 0 0 calc(1.5 * var(--border-width)) var(--primary-foreground); }
-:is([data-current-style="bar-plain"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-plain"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:transparent; --bn-fg:var(--primary-foreground); --bn-ring:none; }
-:is([data-current-style="bar-light"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-light"]) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { --bn-bg:color-mix(in oklab, var(--primary) 45%, var(--white)); --bn-fg:var(--brand-yellow-ink); --bn-ring:none; }
+:is([data-current-style="neutral"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="neutral"]) .bottom-nav-item[aria-current] { --bn-bg:var(--secondary); --bn-fg:var(--foreground); --bn-ring:none; }
+:is([data-current-style="contrast"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="contrast"]) .bottom-nav-item[aria-current] { --bn-bg:var(--foreground); --bn-fg:var(--background); --bn-ring:none; }
+:is([data-current-style="brand"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="brand"]) .bottom-nav-item[aria-current] { --bn-bg:var(--primary); --bn-fg:var(--primary-foreground); --bn-ring:none; }
+:is([data-current-style="ring"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="ring"]) .bottom-nav-item[aria-current] { --bn-bg:transparent; --bn-fg:var(--foreground); --bn-ring:inset 0 0 0 calc(1.5 * var(--border-width)) var(--primary); }
+:is([data-current-style="plain"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="plain"]) .bottom-nav-item[aria-current] { --bn-bg:transparent; --bn-fg:var(--foreground); --bn-ring:none; }
+:is([data-current-style="brand-white"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="brand-white"]) .bottom-nav-item[aria-current] { --bn-bg:var(--primary); --bn-fg:var(--white); --bn-ring:none; }
+:is([data-current-style="white-ring"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="white-ring"]) .bottom-nav-item[aria-current] { --bn-bg:var(--white); --bn-fg:var(--brand-yellow-ink); --bn-ring:inset 0 0 0 calc(1.5 * var(--border-width)) var(--primary); }
+:is([data-current-style="brand-gradient"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="brand-gradient"]) .bottom-nav-item[aria-current] { --bn-bg:linear-gradient(135deg, var(--primary) 20%, var(--primary-gradient-end, color-mix(in oklab, var(--primary) 30%, var(--white)))); --bn-fg:var(--primary-foreground); --bn-ring:none; }
+:is([data-current-style="bar-ink"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-ink"]) .bottom-nav-item[aria-current] { --bn-bg:var(--primary-foreground); --bn-fg:var(--primary); --bn-ring:none; }
+:is([data-current-style="bar-ring"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-ring"]) .bottom-nav-item[aria-current] { --bn-bg:transparent; --bn-fg:var(--primary-foreground); --bn-ring:inset 0 0 0 calc(1.5 * var(--border-width)) var(--primary-foreground); }
+:is([data-current-style="bar-plain"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-plain"]) .bottom-nav-item[aria-current] { --bn-bg:transparent; --bn-fg:var(--primary-foreground); --bn-ring:none; }
+:is([data-current-style="bar-light"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-light"]) .bottom-nav-item[aria-current] { --bn-bg:color-mix(in oklab, var(--primary) 45%, var(--white)); --bn-fg:var(--brand-yellow-ink); --bn-ring:none; }
 /* Onde vai a cor, por formato. O `:is()` com os dois caminhos (o atributo num contêiner, ou na barra) é o mesmo de cima. */
-:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])):is(.bottom-nav-ind-pill,.bottom-nav-ind-subtle,.bottom-nav-ind-expand) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])):is(.bottom-nav-ind-pill,.bottom-nav-ind-subtle,.bottom-nav-ind-expand) .bottom-nav-item[aria-current] {
   background:var(--bn-bg); color:var(--bn-fg); box-shadow:var(--bn-ring); }
-:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])):is(.bottom-nav-ind-circle,.bottom-nav-ind-circle-outline,.bottom-nav-ind-circle-raised,.bottom-nav-ind-capsule) .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])):is(.bottom-nav-ind-circle,.bottom-nav-ind-circle-outline,.bottom-nav-ind-circle-raised,.bottom-nav-ind-capsule) .bottom-nav-item[aria-current] {
   color:var(--foreground); }
-:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])):is(.bottom-nav-ind-circle,.bottom-nav-ind-circle-outline,.bottom-nav-ind-circle-raised,.bottom-nav-ind-capsule) .bottom-nav-item[aria-current] .bottom-nav-mark:where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])):is(.bottom-nav-ind-circle,.bottom-nav-ind-circle-outline,.bottom-nav-ind-circle-raised,.bottom-nav-ind-capsule) .bottom-nav-item[aria-current] .bottom-nav-mark {
   background:var(--bn-bg); color:var(--bn-fg); box-shadow:var(--bn-ring); border-color:transparent; }
-:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])).bottom-nav-ind-circle-bold .bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { color:var(--bn-fg); }
-:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])).bottom-nav-ind-circle-bold .bottom-nav-item[aria-current] .bottom-nav-disc:where(:not([data-brand="lory"],[data-brand="lory"] *)) { background:var(--bn-bg); box-shadow:var(--bn-ring); }
-:is([data-current-style="plain"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="plain"],[data-current-style="bar-plain"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-plain"]) .bottom-nav-item[aria-current] .bottom-nav-label:where(:not([data-brand="lory"],[data-brand="lory"] *)) { font-weight:var(--weight-semibold); }
+:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])).bottom-nav-ind-circle-bold .bottom-nav-item[aria-current] { color:var(--bn-fg); }
+:is([data-current-style]:not([data-current-style="current"]) .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style]:not([data-current-style="current"])).bottom-nav-ind-circle-bold .bottom-nav-item[aria-current] .bottom-nav-disc { background:var(--bn-bg); box-shadow:var(--bn-ring); }
+:is([data-current-style="plain"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="plain"],[data-current-style="bar-plain"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style="bar-plain"]) .bottom-nav-item[aria-current] .bottom-nav-label { font-weight:var(--weight-semibold); }
 /* A barra amarela (2.13): a barra inteira na marca, todos os itens na tinta e o ícone sem transparência. Na fixa (`edge`)
    o core pinta `--background`; esta passa por cima. O ponto de selo vazio, que é amarelo, vai para a tinta. */
-:is([data-current-style^="bar-"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style^="bar-"]):where(:not([data-brand="lory"],[data-brand="lory"] *)) {
+:is([data-current-style^="bar-"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style^="bar-"]) {
   --bottomnav-surface:var(--primary); background:var(--primary); color:var(--primary-foreground); border-color:transparent; }
-:is([data-current-style^="bar-"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style^="bar-"]) .bottom-nav-item:where(:not([data-brand="lory"],[data-brand="lory"] *)) { color:var(--primary-foreground); }
-:is([data-current-style^="bar-"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style^="bar-"]) .bottom-nav-item .icon:where(:not([data-brand="lory"],[data-brand="lory"] *)) { opacity:1; }
-:is([data-current-style^="bar-"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style^="bar-"]) .bottom-nav-badge:empty:where(:not([data-brand="lory"],[data-brand="lory"] *)) { background:var(--primary-foreground); }
+:is([data-current-style^="bar-"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style^="bar-"]) .bottom-nav-item { color:var(--primary-foreground); }
+:is([data-current-style^="bar-"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style^="bar-"]) .bottom-nav-item .icon { opacity:1; }
+:is([data-current-style^="bar-"] .bottom-nav:not([data-current-style]),.bottom-nav[data-current-style^="bar-"]) .bottom-nav-badge:empty { background:var(--primary-foreground); }
 /* A classe DOBRADA é força, de propósito: a regra do nome na cor do texto (o 2.11, acima) também casa com a barra amarela,
    e no escuro pintaria o nome de branco sobre o amarelo. */
-:is([data-current-style^="bar-"] .bottom-nav.bottom-nav:not([data-current-style]),.bottom-nav.bottom-nav[data-current-style^="bar-"]):is(.bottom-nav-ind-circle,.bottom-nav-ind-circle-outline,.bottom-nav-ind-circle-raised,.bottom-nav-ind-capsule) .bottom-nav-item.bottom-nav-item[aria-current]:where(:not([data-brand="lory"],[data-brand="lory"] *)) { color:var(--primary-foreground); }
+:is([data-current-style^="bar-"] .bottom-nav.bottom-nav:not([data-current-style]),.bottom-nav.bottom-nav[data-current-style^="bar-"]):is(.bottom-nav-ind-circle,.bottom-nav-ind-circle-outline,.bottom-nav-ind-circle-raised,.bottom-nav-ind-capsule) .bottom-nav-item.bottom-nav-item[aria-current] { color:var(--primary-foreground); }
 
 /* >>> camada responsiva — GERADA por scripts/build-responsive-layer.mjs <<< */
 /* As variáveis de passo NÃO HERDAM. Ver o comentário de VARIAVEIS no gerador: um ícone dentro

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurea-uds/core",
-  "version": "0.46.0",
+  "version": "0.47.0",
   "description": "O CSS da Aurea UDS e o comportamento em JavaScript puro. Importe @aurea-uds/fonts/css antes deste.",
   "keywords": [
     "aurea",