/* VASLUNO Noir Glass 1.0. Presentation only. No remote assets or runtime code. */
:root {
  color-scheme: dark;
  --noir-bg: #090B12;
  --noir-surface: #141722;
  --noir-raised: #1B1F2D;
  --noir-inset: #0F121C;
  --noir-text: #F5F7FB;
  --noir-muted: #A1A8B8;
  --noir-violet: #754BFF;
  --noir-blue: #2784F5;
  --noir-green: #24B886;
  --noir-accent-text: #B5A2FF;
  --noir-success-text: #66D9B2;
  --noir-danger-text: #FFAFBC;
  --noir-warning-text: #E9C888;
  --noir-line: #2D3243;
  --noir-line-strong: #50596F;
  --noir-selected: #251C43;
  --noir-hover: #202435;
  --noir-glass: rgba(20, 23, 34, .94);
  --noir-message: #202535;
  --noir-message-own: #302452;
  --noir-shadow: 0 12px 32px rgba(0, 0, 0, .18);
  --noir-shadow-float: 0 20px 56px rgba(0, 0, 0, .28);
  --noir-inset-light: inset 0 1px 0 rgba(255, 255, 255, .04);
  --noir-hero: linear-gradient(110deg, rgba(117,75,255,.12), transparent 62%), var(--noir-surface);
  --noir-space-1: 4px;
  --noir-space-2: 8px;
  --noir-space-3: 12px;
  --noir-space-4: 16px;
  --noir-space-5: 24px;
  --noir-space-6: 32px;
  --noir-space-7: 48px;
  --noir-radius-sm: 10px;
  --noir-radius-md: 14px;
  --noir-radius-lg: 20px;
  --noir-radius-xl: 24px;
  --noir-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --noir-text-sm: .8125rem;
  --noir-text-base: .9375rem;
  --noir-heading: clamp(1.875rem, 3.2vw, 3rem);
  --noir-press: 120ms;
  --noir-transition: 180ms;
  --noir-ease: cubic-bezier(.2, .7, .2, 1);
  /* Compatibility aliases keep existing components on the same palette. */
  --bg: var(--noir-bg); --bg2: var(--noir-inset);
  --card: var(--noir-surface); --panel: var(--noir-surface); --panel2: var(--noir-raised);
  --text: var(--noir-text); --muted: var(--noir-muted); --line: var(--noir-line);
  --accent: var(--noir-accent-text); --violet: var(--noir-violet); --aqua: var(--noir-blue);
  --font: var(--noir-font);
  --v-bg: var(--noir-bg); --v-text: var(--noir-text); --v-muted: var(--noir-muted);
  --v-surface: var(--noir-surface); --v-stroke: var(--noir-line);
  --v-brand: var(--noir-violet); --v-brand-2: var(--noir-accent-text);
}
:root[data-vasluno-theme="light"] {
  color-scheme: light;
  --noir-bg: #F3F5F9;
  --noir-surface: #FFFFFF;
  --noir-raised: #EDF0F7;
  --noir-inset: #F7F8FC;
  --noir-text: #182033;
  --noir-muted: #536078;
  --noir-accent-text: #5B32CC;
  --noir-success-text: #096B4D;
  --noir-danger-text: #AD2447;
  --noir-warning-text: #78560E;
  --noir-line: #D6DBE6;
  --noir-line-strong: #758198;
  --noir-selected: #EDE7FF;
  --noir-hover: #E8EBF4;
  --noir-glass: rgba(255, 255, 255, .96);
  --noir-message: #EDF0F7;
  --noir-message-own: #E7DEFF;
  --noir-shadow: 0 10px 30px rgba(33, 44, 69, .06);
  --noir-shadow-float: 0 20px 56px rgba(33, 44, 69, .12);
  --noir-inset-light: inset 0 1px 0 rgba(255, 255, 255, .7);
  --bg: var(--noir-bg); --card: var(--noir-surface); --panel: var(--noir-surface);
  --text: var(--noir-text); --muted: var(--noir-muted);
}
