/* Quding shared tokens: brand #216351, paper #F5F6F7, surface #FFFFFF.
   MDUI and Bootstrap bridges retain their existing names for compatibility.
   Runtime scenic variables remain owned by chat-themes.js. */


:root {

  --mdui-color-primary: 33,99,81;
  --mdui-color-on-primary: 255,255,255;
  --mdui-color-primary-container: 232,239,235;
  --mdui-color-on-primary-container: 23,75,59;
  --mdui-color-secondary: 99,113,107;
  --mdui-color-on-secondary: 255,255,255;
  --mdui-color-secondary-container: 255,255,255;
  --mdui-color-tertiary: 115,115,115;
  --mdui-color-surface: 255,255,255;
  --mdui-color-surface-dim: 245,246,247;
  --mdui-color-surface-bright: 255,255,255;
  --mdui-color-surface-container-lowest: 255,255,255;
  --mdui-color-surface-container-low: 255,255,255;
  --mdui-color-surface-container: 255,255,255;
  --mdui-color-surface-container-high: 255,255,255;
  --mdui-color-surface-container-highest: 255,255,255;
  --mdui-color-on-surface: 32,56,47;
  --mdui-color-on-surface-variant: 99,113,107;
  --mdui-color-outline: 226,231,228;
  --mdui-color-outline-variant: 226,231,228;
  --mdui-color-error: 180,35,24;
  --mdui-color-on-error: 255,255,255;


  --color-success: #216351;
  --color-success-container: #e8efeb;
  --color-success-border: #216351;
  --color-warning: #8a6a00;
  --color-warning-container: #fff7e6;
  --color-warning-border: #8a6a00;
  --color-danger: #b42318;
  --color-danger-container: #fff0ed;
  --color-danger-border: #efc8c0;
  --color-neutral-container: #ffffff;
  --color-neutral-border: #e2e7e4;
  --color-info: #20382f;

  --color-primary-tint: #e8efeb;
  --color-primary-tint-strong: #e8efeb;



  --fs-xs: 0.72rem;
  --fs-sm: 0.78rem;
  --fs-md: 0.84rem;
  --fs-base: 0.94rem;
  --fs-lg: 1.06rem;
  --fs-title: 1.25rem;
  --fs-display: 1.75rem;
  --lh-tight: 1.35;
  --lh-base: 1.6;


  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;


  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 999px;


  --shadow-sm: 0 4px 16px #183e2e0d;
  --shadow-md: 0 4px 16px #183e2e0d;
  --shadow-lg: 0 4px 16px #183e2e0d;
  --shadow-brutal: 0 4px 16px #183e2e0d;
  --shadow-brutal-lg: 0 4px 16px #183e2e0d;
  --accent-brutal: #e8efeb;


  --z-base: 0;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;


  --motion-fast: 0.15s;
  --motion-base: 0.22s;
  --motion-slow: 0.32s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);


  --admin-primary: rgb(var(--mdui-color-primary));
  --admin-primary-hover: #174b3b;
  --admin-primary-soft: #e8efeb;
  --admin-accent: rgb(var(--mdui-color-primary));
  --admin-bg: #f5f6f7;
  --admin-surface: #ffffff;
  --admin-surface-muted: #f5f6f7;
  --admin-border: rgb(var(--mdui-color-outline));
  --admin-border-strong: rgb(var(--mdui-color-outline));
  --admin-text: #20382f;
  --admin-muted: #63716b;
  --admin-warn: var(--color-warning);
  --admin-danger: var(--color-danger);
  --admin-focus: #216351;
  --admin-line: rgb(var(--mdui-color-outline));
  --admin-hover: #e8efeb;

  --admin-shadow-sm: var(--shadow-sm);
  --admin-shadow-md: var(--shadow-md);


  --bs-primary: rgb(var(--mdui-color-primary));
  --bs-primary-rgb: 33, 99, 81;
  --bs-success: rgb(var(--mdui-color-primary));
  --bs-success-rgb: 33, 99, 81;
  --bs-body-bg: rgb(var(--mdui-color-surface));
  --bs-border-radius: var(--radius-sm);
  --bs-border-radius-lg: var(--radius-lg);
  --bs-border-radius-sm: 7px;
  --bs-gutter-y: 1rem;


}