diff --git a/services/premiere-plugin/css/styles.css b/services/premiere-plugin/css/styles.css index e17632a..4f953b4 100644 --- a/services/premiere-plugin/css/styles.css +++ b/services/premiere-plugin/css/styles.css @@ -1,40 +1,40 @@ -/* Wild Dragon MAM Panel — Dragonflight Design System v1.2.0 +/* Wild Dragon MAM Panel — Dragonflight Design System v1.3.0 * CEP-compatible: all oklch() converted to hex/rgba via OKLab→sRGB math. - * Source of truth: services/web-ui/src/css/components/ - * Do not hand-edit hex values — regenerate from tokens.css if tokens change. */ + * Source of truth: services/web-ui/tailwind.config.js (hue 266, blue) + * Do not hand-edit hex values — regenerate from tailwind.config.js if tokens change. */ :root { /* Background scale */ - --bg-deep: #030101; - --bg-base: #070403; - --bg-panel: #100908; - --bg-surface: #1a1210; - --bg-raised: #261d1b; - --bg-hover: #302624; + --bg-deep: #010203; + --bg-base: #030407; + --bg-panel: #090b11; + --bg-surface: #11141a; + --bg-raised: #1c1f27; + --bg-hover: #252930; /* Accent */ - --accent: #ed391a; - --accent-hover: #ff5032; - --accent-bright: #ff765a; - --accent-subtle: rgba(237, 57, 26, 0.12); - --accent-border: rgba(237, 57, 26, 0.36); + --accent: #2144c2; + --accent-hover: #325bda; + --accent-bright: #4d77ea; + --accent-subtle: rgba(58, 100, 228, 0.12); + --accent-border: rgba(58, 100, 228, 0.36); /* Text */ - --text-primary: #f0e9e8; - --text-secondary: #ada29f; - --text-tertiary: #7b7270; - --text-disabled: #48413f; + --text-primary: #e9ebf1; + --text-secondary: #a0a5ae; + --text-tertiary: #71747c; + --text-disabled: #404248; /* Borders */ - --border-faint: #201817; - --border: #302624; - --border-strong: #4c3f3c; + --border-faint: #181b21; + --border: #252930; + --border-strong: #3e424c; /* Signals (primary) */ --signal-good: #35bb58; --signal-bad: #f53c41; --signal-warn: #e6b816; - --signal-idle: #817876; + --signal-idle: #777a82; --signal-info: #1e9cf0; /* Signal backgrounds */ @@ -97,7 +97,7 @@ /* Elevation + surface extras */ --shadow: 0 4px 12px rgba(0, 0, 0, 0.3); --thumb-black: #000000; - --overlay: rgba(3, 1, 1, 0.65); + --overlay: rgba(1, 2, 3, 0.65); /* Z-index layers */ --z-dropdown: 40;