/* Audiolift — colour system.
   The product palette below is a verbatim copy of the shipping application's
   src/styles/colors.css (Audiolift Controller). Do not "improve" these values.
   The brand block is taken from the 2026 logo masters (02_LOGOS). */
:root{
/* ---- Brand core (logo masters — monochrome, engraving-safe) ---- */
--ink-900:#0D0E10;          /* brand black: logotype on light, dark grounds */
--ink-700:#454545;          /* layered-mark secondary arcs on dark */
--paper-300:#E3E3E3;        /* layered-mark secondary arcs on light */
--paper-100:#F8FAFA;        /* brand off-white */
--stone-200:#EAE6E5;        /* photographic set ground (key visuals) */

/* ---- Application surfaces (verbatim) ---- */
--background:#222222;       /* app canvas + content area */
--dark-bg:#131314;          /* sidebar, title bar, fields, buttons */
--card-bg:#2A2A2A;          /* page section card */
--meter-background:#1A1A1A; /* meter bank shell */
--meter-separator:#2F3034;  /* gaps between meters inside a bank */
--venue-canvas-background:#252526;
--matrix-cell-gray:#323232;
--black:#000000;            /* meter wells, graph grounds */
--sidebar-border:#B1B2B5;   /* 3px rail edge */
--border-color:#3A3A3A;
--darker-gray:#333333;      /* dividers, bank selector idle */
--toast-bg:#232323;
--toast-border:#444444;

/* ---- Text (verbatim) ---- */
--text:#EAEAEA;
--text2:#EAEAEA;
--texte2:#EAEAEA;           /* menu items, title bar */
--text-light:#EAEAEA;
--text-white:#FDFDFD;       /* control labels, values */
--off-white:#FDFDFD;
--pure-white:#FFFFFF;
--text-medium:#A5A5A5;      /* fader graduation labels */
--text-gray:#757070;        /* tracks, placeholders, muted */
--texte:#757070;

/* ---- Accents (verbatim) ---- */
--select-blue:#02AEDC;      /* active nav, engaged toggle, selection */
--hover-blue:#1ADAE7;       /* hover text + border */
--dark-blue:#1A577A;        /* toggle OFF fill, default icon colour */
--slider-blue:#0070BF;      /* fader + slider fill */
--select-green:#258F5F;
--orange:#CC6A1B;
--dark-orange:#743919;
--red:#FE0000;

/* ---- Status / metering (verbatim) ---- */
--meter-green:#08FD15;
--yellow-peak-meter:#FFEE00;
--mute-red:#F2295F;
--network-connect:#40DC48;
--highlight-yellow:rgba(255,238,0,.15);
--error-red:#FF4444;
--error-bg:rgba(255,68,68,.1);
--error-border:rgba(255,68,68,.3);
--danger-red:#CC0000;
--warning-pink:#D63384;
--warning-yellow:#FFAA00;
--success-green:#28A745;
--info-blue:#2196F3;
--streamdeck-blue:#7DD3FC;  /* Stream Deck / MIDI connected */
--streamdeck-amber:#FBBF24; /* locked */

/* ---- Venue handles (verbatim) ---- */
--handle-blue:#4A90E2;
--handle-red:#E74C3C;
--handle-purple:#9B59B6;

/* ---- Semantic aliases (use these in new work) ---- */
--surface-app:var(--background);
--surface-chrome:var(--dark-bg);
--surface-card:var(--card-bg);
--surface-well:var(--black);
--surface-brand-dark:var(--ink-900);
--surface-brand-light:var(--paper-100);
--text-body:var(--text);
--text-value:var(--text-white);
--text-muted:var(--text-gray);
--text-tick:var(--text-medium);
--accent:var(--select-blue);
--accent-hover:var(--hover-blue);
--accent-quiet:var(--dark-blue);
--control-fill:var(--dark-bg);
--control-track:var(--text-gray);
--control-fill-active:var(--slider-blue);
--focus-ring:var(--select-blue);
--status-ok:var(--network-connect);
--status-idle:#999999;
--status-danger:var(--error-red);
}