/* BARISTAI semantic palette, mirrored from src/styles/globals.css.
   Keep these tokens aligned when the shared design system changes. */
:root,
[data-theme="light"] {
	color-scheme: light;
	--ds-background-rgb: 255 255 255;
	--ds-card-rgb: 255 255 255;
	--ds-foreground-rgb: 36 41 47;
	--ds-primary-rgb: 36 41 47;
	--ds-primary-foreground-rgb: 255 255 255;
	--ds-background: rgb(var(--ds-background-rgb));
	--ds-radius: 1.5rem;
	--ds-ease: cubic-bezier(0.22, 1, 0.36, 1);

	/* Cool neutral palette */
	--ds-foreground: rgb(var(--ds-foreground-rgb));
	--ds-card: rgb(var(--ds-card-rgb));
	--ds-muted: #eaeef2;
	--ds-muted-foreground: #57606a;
	--ds-secondary-foreground: #424a53;

	/* Brand */
	--ds-primary: rgb(var(--ds-primary-rgb));
	--ds-primary-foreground: rgb(var(--ds-primary-foreground-rgb));
	--ds-accent: #0176f0;
	--ds-accent-foreground: #ffffff;
	--ds-accent-strong: #0057b7;

	/* States */
	--ds-destructive: #cf222e;
	--ds-destructive-foreground: #ffffff;
	--ds-success: #00c291;
	--ds-success-strong: #009e76;
	--ds-warning: #f5c749;
	--ds-warning-strong: #d4a72c;

	/* Lines & surfaces */
	--ds-border: #d0d7de;
	--ds-line-strong: #b8c0c8;
	--ds-control-border: #7d8590;
	--ds-input: #d0d7de;
	--ds-ring: #0176f0;
	--ds-surface-muted: #f6f8fa;

	--ds-hover: rgba(36, 41, 47, 0.06);
	--ds-selected: rgba(36, 41, 47, 0.08);
	--ds-reading-heading: #244638;
	--ds-reading-text: #3e4d3f;
	--ds-reading-link: #315d48;
	--ds-reading-marker: #54715e;
	--ds-reading-highlight: #f5df79;
	--ds-reading-note: #76643c;
	--ds-reading-quote: #fff9df;
	--ds-reading-quote-foreground: #51452f;
	--ds-reading-quote-border: #d4bd54;
	--ds-agent-user: #f0f3f6;
	--ds-agent-sidebar: #f7f7f5;

	/* Compatibility palette for existing neutral utilities, including opacity. */
	--ds-neutral-50: 250 250 250;
	--ds-neutral-100: 245 245 245;
	--ds-neutral-200: 229 229 229;
	--ds-neutral-300: 212 212 212;
	--ds-neutral-400: 163 163 163;
	--ds-neutral-500: 115 115 115;
	--ds-neutral-600: 82 82 82;
	--ds-neutral-700: 64 64 64;
	--ds-neutral-800: 38 38 38;
	--ds-neutral-900: 23 23 23;
	--ds-neutral-950: 10 10 10;

	/* Tinted surfaces derive from the same semantic palette as controls. */
	--ds-accent-subtle: color-mix(in srgb, var(--ds-accent) 12%, var(--ds-card));
	--ds-success-subtle: color-mix(in srgb, var(--ds-success) 12%, var(--ds-card));
	--ds-warning-subtle: color-mix(in srgb, var(--ds-warning) 24%, var(--ds-card));
	--ds-destructive-subtle: color-mix(
		in srgb,
		var(--ds-destructive) 8%,
		var(--ds-card)
	);

	/* Shadows */
	--ds-panel-shadow: 0 0 2px rgba(24, 24, 27, 0.08), 0 8px 16px
		rgba(24, 24, 27, 0.06);
	--ds-panel-shadow-hover: 0 0 2px rgba(24, 24, 27, 0.12), 0 12px 24px
		rgba(24, 24, 27, 0.1);
}

:root.dark {
	color-scheme: dark;
	--ds-background-rgb: 13 17 23;
	--ds-card-rgb: 22 27 34;
	--ds-foreground-rgb: 240 243 246;
	--ds-primary-rgb: 240 243 246;
	--ds-primary-foreground-rgb: 22 27 34;
	--ds-muted: #30363d;
	--ds-muted-foreground: #aab4bf;
	--ds-secondary-foreground: #c9d1d9;
	--ds-accent: #71b7ff;
	--ds-accent-foreground: #0d1117;
	--ds-accent-strong: #91c7ff;
	--ds-destructive: #ff8f97;
	--ds-destructive-foreground: #301014;
	--ds-success: #4cdbad;
	--ds-success-strong: #69dfb7;
	--ds-warning: #e8c45a;
	--ds-warning-strong: #f0d77b;
	--ds-border: #3d444d;
	--ds-line-strong: #59636e;
	--ds-control-border: #788390;
	--ds-input: #59636e;
	--ds-ring: #71b7ff;
	--ds-surface-muted: #212830;
	--ds-hover: rgba(240, 243, 246, 0.06);
	--ds-selected: rgba(240, 243, 246, 0.1);
	--ds-reading-heading: #c0e3cf;
	--ds-reading-text: #d2dfd5;
	--ds-reading-link: #aad8bc;
	--ds-reading-marker: #91b49c;
	--ds-reading-highlight: #594c1b;
	--ds-reading-note: #d8c593;
	--ds-reading-quote: #302c1c;
	--ds-reading-quote-foreground: #e3d7b8;
	--ds-reading-quote-border: #9f8b41;
	--ds-agent-user: #212830;
	--ds-agent-sidebar: #161b22;
	--ds-panel-shadow: 0 1px 3px rgba(0, 0, 0, 0.24), 0 8px 16px
		rgba(0, 0, 0, 0.2);
	--ds-panel-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.3), 0 12px 24px
		rgba(0, 0, 0, 0.24);
	--ds-neutral-50: 13 17 23;
	--ds-neutral-100: 33 40 48;
	--ds-neutral-200: 48 54 61;
	--ds-neutral-300: 61 68 77;
	--ds-neutral-400: 139 148 158;
	--ds-neutral-500: 170 180 191;
	--ds-neutral-600: 190 200 210;
	--ds-neutral-700: 201 209 217;
	--ds-neutral-800: 220 227 234;
	--ds-neutral-900: 240 243 246;
	--ds-neutral-950: 250 251 252;
}

:root {
	--brand-accent: #dde673;
	--brand-foreground: #24292f;
}