@actioneer/ads 1.0.4 → 1.0.5

package/theme.css

@@ -28,13 +28,13 @@
 
   /* ---- Type scale ---- seven canonical steps: XS · S · M · L · XL · 2XL · 3XL.
      Roles follow the agent workflow. Root stays 16px so spacing is unaffected. */
-  --text-xs: 0.625rem;     /* 10px · compact chips and micro metadata */
+  --text-xs: 0.625rem;     /* 10px · noninteractive micro metadata */
   --text-xs--line-height: 0.875rem; /* 14px */
-  --text-s: 0.75rem;       /* 12px · table headers and uppercase kickers */
+  --text-s: 0.75rem;       /* 12px · compact controls, table headers and kickers */
   --text-s--line-height: 1rem; /* 16px */
-  --text-m: 0.875rem;      /* 14px · default body, table cells, record names */
+  --text-m: 0.875rem;      /* 14px · body, table cells, form labels and controls */
   --text-m--line-height: 1.25rem; /* 20px */
-  --text-l: 1rem;          /* 16px · tabs, form labels, and section titles */
+  --text-l: 1rem;          /* 16px · tabs and section titles */
   --text-l--line-height: 1.375rem; /* 22px */
   --text-xl: 1.125rem;     /* 18px · metric values and subtitles */
   --text-xl--line-height: 1.5rem; /* 24px */
@@ -79,18 +79,18 @@
   --color-t11: #016159;
   --color-t12: #0f3c37;
 
-  --color-wg1: #f5f5f3;
-  --color-wg2: #f1f1ef;
-  --color-wg3: #ececea;
-  --color-wg4: #e5e5e2;
-  --color-wg5: #dcdcd8;
-  --color-wg6: #d1d1cc;
-  --color-wg7: #c2c2bc;
-  --color-wg8: #a6a69f;
-  --color-wg9: #777771;
-  --color-wg10: #686863;
-  --color-wg11: #4b4b47;
-  --color-wg12: #20201e;
+  --color-wg1: #f9f7f0;
+  --color-wg2: #f3f1e9;
+  --color-wg3: #efece3;
+  --color-wg4: #e8e5db;
+  --color-wg5: #dfdcd0;
+  --color-wg6: #d4d1c4;
+  --color-wg7: #c6c2b3;
+  --color-wg8: #aaa698;
+  --color-wg9: #79766a;
+  --color-wg10: #6b685e;
+  --color-wg11: #4d4b44;
+  --color-wg12: #21201d;
 
   /* Deprecated Neutral Grey names resolve to the canonical Warm Grey ramp.
      Keep these aliases so existing consumer utilities continue to render. */
@@ -165,16 +165,15 @@
   --color-ink-950: var(--color-wg12);
 
   /* ---- Semantic accent ramps ---- */
-  /* Success uses the lichen lime family and stays status-only. The original
-     soft/base/deep anchors map to 50/500/600; 100 and 400 bridge the soft fill
-     and base, while 700 deepens the family enough for AA text on White. */
-  --color-success-50: #e4efcf;
-  --color-success-100: #d4e5b5;
-  --color-success-300: #c4dc9b;
-  --color-success-400: #b4d281;
-  --color-success-500: #a3c765;
-  --color-success-600: #6e8f30;
-  --color-success-700: #516923;
+  /* Grass green keeps positive states distinct from primary-action teal.
+     Soft fills use 50/100; 700 carries accessible status text and solid fills. */
+  --color-success-50: #f2fbef;
+  --color-success-100: #e1f3d8;
+  --color-success-300: #b2dda0;
+  --color-success-400: #8acb70;
+  --color-success-500: #4d9f38;
+  --color-success-600: #3b852b;
+  --color-success-700: #2d6b22;
 
   --color-warning-50: #fffaeb;
   --color-warning-100: #fef0c7;
@@ -210,8 +209,8 @@
   --color-amber-base: #f3a72e;
   --color-amber-deep: #b57414;
 
-  /* Demo logo indigo — source for artifact canvas wash. */
-  --color-brand-mark: #2e1065;
+  /* Brand mark and artifact canvas wash share the product teal. */
+  --color-brand-mark: var(--brand);
 
   /* ---- Radii ---- four canonical steps: XS · S · M · L.
      M (6px) is the default corner radius. */
@@ -372,7 +371,7 @@
   --color-action-primary-soft: var(--action-primary-soft);
   --color-field-focus: var(--field-focus);
 
-  /* Compatibility action role — neutral ink, never a colored primary hue. */
+  /* Shared brand roles for control states, primary accents, and marks. */
   --color-brand: var(--brand);
   --color-brand-foreground: var(--brand-foreground);
   --color-brand-hover: var(--brand-hover);
@@ -393,9 +392,7 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
 
-  /* Lichen success-700 clears AA on White and both success soft fills;
-     success-600 is reserved for non-text marks because its 3.73:1 contrast
-     on White does not clear body-text AA. */
+  /* Grass green 700 clears AA on White and both success soft fills. */
   --color-success: var(--color-success-700);
   --color-success-foreground: var(--color-white);
   /* Amber-500 fill kept (it IS the caution signal); dark ink foreground
@@ -449,8 +446,7 @@
 
 /* ---- Theme (light only) ---- */
 :root {
-  /* Surfaces and achromatic text/actions point into WG; the primary CTA
-     points into G. */
+  /* Surfaces and neutral text use WG; actions and controls share Teal. */
   --background: var(--color-wg2);          /* step 2  · canvas */
   --foreground: var(--color-wg12);         /* step 12 */
 
@@ -458,18 +454,18 @@
      WG9 is the tertiary/de-emphasis step for nonessential metadata. It clears
      normal-text AA on White; use Secondary when normal text on WG2 must clear
      AA. */
-  --text-on-white-primary: var(--color-wg12);       /* 16.32:1 · AAA */
-  --text-on-white-secondary: var(--color-wg11);     /*  8.76:1 · AAA */
-  --text-on-white-tertiary: var(--color-wg9);       /*  4.50:1 · AA  */
-  --text-on-warm-grey-primary: var(--color-wg12);   /* 14.43:1 on WG2 · AAA */
-  --text-on-warm-grey-secondary: var(--color-wg11); /*  7.75:1 on WG2 · AAA */
-  --text-on-warm-grey-tertiary: var(--color-wg9);   /*  3.98:1 on WG2 · large text AA */
+  --text-on-white-primary: var(--color-wg12);       /* 16.29:1 · AAA */
+  --text-on-white-secondary: var(--color-wg11);     /*  8.73:1 · AAA */
+  --text-on-white-tertiary: var(--color-wg9);       /*  4.55:1 · AA  */
+  --text-on-warm-grey-primary: var(--color-wg12);   /* 14.41:1 on WG2 · AAA */
+  --text-on-warm-grey-secondary: var(--color-wg11); /*  7.72:1 on WG2 · AAA */
+  --text-on-warm-grey-tertiary: var(--color-wg9);   /*  4.03:1 on WG2 · large text AA */
 
   /* Existing context-free utilities remain conservative compatibility aliases
      across WG2–WG4 and White until their call sites adopt a surface role. */
   --text-primary: var(--color-wg12);       /* 12.93:1 AAA (WG4 min surf) */
-  --text-secondary: var(--color-wg11);     /*  6.94:1 AA  (WG4 min surf) */
-  --text-tertiary: color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11)); /* 4.86:1 AA (WG4) */
+  --text-secondary: var(--color-wg11);     /*  6.93:1 AA  (WG4 min surf) */
+  --text-tertiary: color-mix(in srgb, var(--color-wg10) 80%, var(--color-wg11)); /* 4.83:1 AA (WG4) */
 
   --surface: var(--color-wg3);             /* step 3  · tinted canvas */
   --surface-foreground: var(--color-wg12);
@@ -481,25 +477,22 @@
   --card: var(--color-white);               /* pure white base */
   --card-foreground: var(--color-wg12);
 
-  /* Studio teal is deliberately isolated to the primary CTA role (roughly
-     5–10% of a screen). Selection controls keep using neutral `brand` below,
-     so tabs, switches, radios, and progress never inherit CTA color. */
+  /* One teal action palette shared by CTAs and component interaction states. */
   --action-primary: var(--color-t9);
   --action-primary-foreground: var(--color-white);
   --action-primary-hover: var(--color-t10);
   --action-primary-text: var(--color-t11);
   --action-primary-soft: var(--color-t3);
 
-  /* Neutral action role. The `brand` name remains as a compatibility API,
-     and shared selection/control states intentionally remain achromatic. */
-  --brand: var(--color-wg12);              /* darkest neutral action */
-  --brand-foreground: var(--color-white);
-  --brand-hover: var(--color-wg11);        /* lighter hover lift */
-  --brand-text: var(--color-wg12);         /* action text / links */
+  /* Brand aliases follow the action roles so every consumer stays in sync. */
+  --brand: var(--action-primary);
+  --brand-foreground: var(--action-primary-foreground);
+  --brand-hover: var(--action-primary-hover);
+  --brand-text: var(--action-primary-text);
 
   /* Interactive row hover/focus uses the WG2 highlight wash. */
   --table-row-hover: var(--color-wg2);
-  --table-row-selected: var(--color-wg1);
+  --table-row-selected: var(--action-primary-soft);
 
   /* Quiet component fill. WG3 is the first interactive-background
      step, so this remains visible on both white cards and the step-2 canvas. */
@@ -532,7 +525,7 @@
 
   /* Stroke width — every standard UI border is exactly 1px. */
   --stroke-width: 1px;
-  --ring: color-mix(in srgb, var(--color-wg12) 50%, transparent);    /* WG12 @ 50% */
+  --ring: var(--brand);                                        /* visible teal focus */
   --overlay: color-mix(in srgb, var(--color-wg12) 50%, transparent); /* WG12 @ 50% */
 
   /* Functional / domain tokens — named for their render role, pointing into
@@ -545,7 +538,7 @@
   --chart-context: var(--color-wg6);     /* de-emphasised context series */
   --chart-active-bar-opacity: 0.68;       /* hover lightens a bar while preserving its series hue */
   --canvas-edge: var(--border-secondary);/* infinite-canvas edges / connectors */
-  --texture-ink: var(--color-wg12);      /* brand-texture / pixel-blast marks */
+  --texture-ink: var(--brand);          /* brand-texture / pixel-blast marks */
   --table-shell: var(--color-white);     /* simplified single-surface table */
   --table-stroke: var(--color-wg3);      /* table outline + row separators */
   --table-header-foreground: var(--text-tertiary); /* 12px tertiary table heading text */
@@ -564,8 +557,8 @@
   --sidebar-foreground: var(--foreground);
   --sidebar-primary: var(--brand);
   --sidebar-primary-foreground: var(--brand-foreground);
-  --sidebar-accent: var(--muted);
-  --sidebar-accent-foreground: var(--foreground);
+  --sidebar-accent: var(--action-primary-soft);
+  --sidebar-accent-foreground: var(--brand-text);
   --sidebar-border: var(--border);
   --sidebar-ring: var(--ring);
   --popover: var(--elevated);