/* Senticia theme: brand primitives and semantic colors shared by all views.
   Source palette: senticia.com/css/style.css. No entity-specific brand colors. */
:root {
  color-scheme: dark;
  --bg: #0a0b0f;
  --surface: #12131a;
  --raised: #1a1b24;
  --text: #ffffff;
  --muted: #a1a1aa;
  --accent: #7c8aff;
  --accent-secondary: #a855f7;
  --positive: #22c55e;
  --negative: #ef4444;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius: 14px;

  --dim: color-mix(in srgb, var(--muted) 80%, var(--accent));
  --text-secondary: color-mix(in srgb, var(--text) 76%, var(--muted));
  --text-accent: color-mix(in srgb, var(--accent) 48%, var(--text));
  --text-on-accent: var(--bg);
  --line: color-mix(in srgb, var(--raised) 84%, var(--accent));
  --line-soft: color-mix(in srgb, var(--surface) 90%, var(--accent));
  --line-strong: color-mix(in srgb, var(--raised) 65%, var(--accent));
  --accent-border: color-mix(in srgb, var(--accent) 32%, var(--surface));
  --accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);
  --accent-hover: color-mix(in srgb, var(--accent) 76%, var(--text));
  --surface-selected: color-mix(in srgb, var(--accent) 17%, var(--surface));
  --surface-hover: color-mix(in srgb, var(--accent) 7%, var(--surface));
  --surface-overlay: color-mix(in srgb, var(--bg) 95%, transparent);
  --backdrop: color-mix(in srgb, var(--bg) 75%, transparent);
  --shadow-heavy: color-mix(in srgb, var(--bg) 75%, transparent);
  --shadow-soft: color-mix(in srgb, var(--bg) 50%, transparent);
  --gradient-primary: linear-gradient(135deg, var(--accent), var(--accent-secondary));
  --positive-soft: color-mix(in srgb, var(--positive) 8%, transparent);
  --negative-soft: color-mix(in srgb, var(--negative) 8%, transparent);
  --negative-ink: color-mix(in srgb, var(--negative) 60%, var(--text));
  --neutral: var(--muted);
  --neutral-soft: color-mix(in srgb, var(--muted) 8%, transparent);
  --neutral-fill: color-mix(in srgb, var(--muted) 65%, var(--surface));

  --chart-1: var(--accent);
  --chart-2: var(--accent-secondary);
  --chart-3: color-mix(in srgb, var(--accent-secondary) 38%, var(--text));
  --chart-grid: var(--line-soft);
  --chart-zero: var(--line-strong);
  --chart-label: var(--dim);
  --entity-1-bg: color-mix(in srgb, var(--accent) 20%, var(--surface));
  --entity-1-ink: color-mix(in srgb, var(--accent) 60%, var(--text));
  --entity-2-bg: color-mix(in srgb, var(--accent-secondary) 18%, var(--surface));
  --entity-2-ink: color-mix(in srgb, var(--accent-secondary) 48%, var(--text));
  --entity-3-bg: color-mix(in srgb, var(--accent) 12%, var(--raised));
  --entity-3-ink: var(--text-accent);
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23a1a1aa' fill='none' stroke-width='1.4'/%3E%3C/svg%3E");
}

::selection { background: var(--accent); color: var(--text-on-accent); }