/*
 * Twilight Studio Visual System v1.0.0
 * Status: APPROVED / DESIGN STANDARD
 * System: Atelier Obsidian
 */
:root {
  --ts-logo-midnight: #081827;
  --ts-logo-signal: #0BC8BE;
  --ts-logo-porcelain: #F4F7F7;
  --ts-radius-component: 0px;
  --ts-radius-document-frame: 3px;
}

[data-twilight-theme="atelier-ivory"],
[data-twilight-premium-theme="atelier-ivory"] {
  color-scheme: light;
  --ts-canvas: #FAF8F2;
  --ts-page: #FEFEFD;
  --ts-surface: #F4F7F7;
  --ts-text-primary: #081827;
  --ts-text-secondary: #565E5E;
  --ts-text-muted: #6C7073;
  --ts-hairline: #E6E2DC;
  --ts-titanium: #A7ADAC;
  --ts-signal: #0BC8BE;
  --ts-signal-readable: #08766F;
  --ts-image-deep: #222222;
  --ts-image-mid: #6C7073;
  --ts-image-light: #D1D1D1;
  --ts-logo-text: #081827;
  --ts-focus-color: #08766F;
}

[data-twilight-theme="obsidian-studio"],
[data-twilight-premium-theme="obsidian-studio"] {
  color-scheme: dark;
  --ts-canvas: #000000;
  --ts-page: #0A0E11;
  --ts-surface: #1C1C1C;
  --ts-text-primary: #F4F7F7;
  --ts-text-secondary: #A7ADAC;
  --ts-text-muted: #9A9A9A;
  --ts-hairline: #30363A;
  --ts-titanium: #8E908F;
  --ts-signal: #0BC8BE;
  --ts-signal-readable: #43D9D1;
  --ts-image-deep: #000000;
  --ts-image-mid: #24292C;
  --ts-image-light: #8E908F;
  --ts-logo-text: #F4F7F7;
  --ts-focus-color: #43D9D1;
}