/* Fluensya Sunset — inspired by the GTA VI sunset art direction.
   These are accessible application colors, not an official Rockstar color specification.
   Decorative colors must not be used as small text colors. Client identities stay independent. */
:root {
  --fl-paper: #fff8f3;
  --fl-surface: #ffffff;
  --fl-ink: #26133d;
  --fl-muted: #685272;
  --fl-focus: #7136bf;
  --fl-control-line: #92789e;
  --fl-line: #e7dceb;
  --fl-soft: #f8e9f4;
  --fl-accent: #992d72;
  --fl-on-accent: #ffffff;
  --fl-rose: #f35dad;
  --fl-rose-text: #992d72;
  --fl-hover: #f3dfee;
  --fl-selection: #7136bf;
  --fl-on-selection: #ffffff;
  --fl-action-start: #6933be;
  --fl-action-end: #aa286d;
  --fl-action: linear-gradient(115deg, var(--fl-action-start), var(--fl-action-end));
  --fl-violet: #7442c8;
  --fl-orange: #ffaa73;
  --fl-peach: #ffd8be;
  --fl-night: #211134;
  --fl-on-night: #fff8f2;
  --fl-night-muted: #e4cdeb;
  --fl-sunset: linear-gradient(115deg, var(--fl-violet), var(--fl-rose) 56%, var(--fl-orange));
  --fl-ok: #2b6849;
  --fl-ok-soft: #e8f4ed;
  --fl-warn: #805113;
  --fl-warn-soft: #fff1d6;
  --fl-bad: #a52b45;
  --fl-bad-soft: #fdeaf0;
  --fl-info: #6536a5;
  --fl-info-soft: #f1e9ff;
  --fl-chart-1: #713abd;
  --fl-chart-2: #b62b74;
  --fl-chart-3: #a75619;
  --fl-chart-4: #23577b;
  --fl-chart-5: #2f7253;
  --fl-chart-6: #604c8c;
  --fl-shadow: 0 5px 24px #26133d08;
  --fl-shadow-raised: 0 12px 32px #26133d14;
  --fl-action-shadow: 0 6px 18px #992d7226;
  --fl-overlay: #160d298a;
}
:root[data-theme='dark'] {
  --fl-paper: #150d25;
  --fl-surface: #211531;
  --fl-ink: #fcf2ff;
  --fl-muted: #d1bedd;
  --fl-focus: #ffb4d7;
  --fl-control-line: #967ca8;
  --fl-line: #42304f;
  --fl-soft: #35203e;
  --fl-accent: #ff9cca;
  --fl-on-accent: #28152d;
  --fl-rose-text: #ffb6db;
  --fl-hover: #432a50;
  --fl-selection: #e1a5ff;
  --fl-on-selection: #28152d;
  --fl-action-start: #e1a5ff;
  --fl-action-end: #ffbd9b;
  --fl-ok: #acdfc1;
  --fl-ok-soft: #17372c;
  --fl-warn: #ffd49b;
  --fl-warn-soft: #3e2a18;
  --fl-bad: #ffb5c7;
  --fl-bad-soft: #42202f;
  --fl-info: #d5b6ff;
  --fl-info-soft: #302142;
  --fl-chart-1: #c8a5ff;
  --fl-chart-2: #ff9cca;
  --fl-chart-3: #ffbd9b;
  --fl-chart-4: #98c9ed;
  --fl-chart-5: #acdfc1;
  --fl-chart-6: #e4bfed;
  --fl-shadow: 0 5px 24px #08041024;
  --fl-shadow-raised: 0 12px 32px #08041042;
  --fl-action-shadow: 0 6px 18px #08041042;
  --fl-overlay: #080410b8;
}