/* Thoughtminster brand design tokens — derived from the logo palette. */
:root {
  /* Primary — teal */
  --p-primary-50: #eefbfb;
  --p-primary-100: #d2f3f4;
  --p-primary-200: #a8e7e9;
  --p-primary-300: #74d4d8;
  --p-primary-400: #41bfc5;
  --p-primary-500: #26b6be;
  --p-primary-600: #1f939a;
  --p-primary-700: #1c757b;
  --p-primary-800: #1c5e63;
  --p-primary-900: #1b4d51;
  --p-primary-950: #0c2d30;

  /* Accent — amber */
  --tm-accent-50: #fdf6e8;
  --tm-accent-100: #fae8c2;
  --tm-accent-200: #f5d088;
  --tm-accent-300: #efbb55;
  --tm-accent-400: #f0aa2c;
  --tm-accent-500: #e8a21a;
  --tm-accent-600: #c8850f;
  --tm-accent-700: #9e660f;

  /* Neutral / surface — graphite */
  --p-surface-0: #ffffff;
  --p-surface-50: #f6f8f9;
  --p-surface-100: #eceff1;
  --p-surface-200: #dde3e6;
  --p-surface-300: #c2ccd1;
  --p-surface-400: #93a3ab;
  --p-surface-500: #65757d;
  --p-surface-600: #4a5860;
  --p-surface-700: #344149;
  --p-surface-800: #1d2b33;
  --p-surface-900: #10212b;
  --p-surface-950: #0a151c;

  /* Dark canvas matches the dark logo background */
  --tm-canvas-dark: #0d1c26;

  --p-content-border-radius: 12px;
  --p-focus-ring: 0 0 0 3px rgba(38, 182, 190, 0.4);

  --tm-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --tm-font-serif: Georgia, "Times New Roman", serif;
  --tm-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", monospace;

  --tm-radius-sm: 8px;
  --tm-radius-md: 12px;
  --tm-radius-pill: 999px;

  --tm-space-xs: 0.25rem;
  --tm-space-sm: 0.5rem;
  --tm-space-md: 1rem;
  --tm-space-lg: 1.5rem;
  --tm-space-xl: 2rem;
  --tm-space-2xl: 3rem;

  --tm-container-max: 720px;
  --tm-sidebar-width: 260px;

}

/* Semantic tokens per preset — see color-schemes.css */