/* KDes Live web — brand palette. Single source for colors/radii/fonts.
   Values mirror the Flutter app (branding.dart + consult_tab.dart). */
:root {
  color-scheme: dark;

  /* Surfaces */
  --bg: #08080C;            /* app background */
  --surface: #13131A;       /* cards */
  --surface-alt: #16161C;   /* unselected chips / secondary surfaces */
  --surface-chip: #22222A;  /* small badges, avatar bg */
  --border: #1F1F27;        /* card border */
  --border-alt: #23232C;    /* chip border */

  /* Text */
  --text: #FFFFFF;
  --text-body: #CFCFD4;
  --text-secondary: #9E9EA6;
  --text-muted: #6D6D77;

  /* Brand & semantic (AppBranding.primaryColor = 0xFFE5323E) */
  --brand: #E5323E;
  --brand-press: #C4262F;
  --brand-soft: rgba(229, 50, 62, 0.14);
  --success: #3BB273;
  --danger: #E5323E;
  --star: #EBB800;

  /* Shape */
  --radius-card: 14px;
  --radius-input: 12px;
  --radius-pill: 999px;

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic",
          "Helvetica Neue", Arial, sans-serif;

  /* Layout */
  --topnav-h: 56px;
  --tabbar-h: 60px;
  --content-max: 720px;

  /* Soft-keyboard height, driven by js/keyboard.js */
  --kb: 0px;
}