/* CloudClear design tokens. Source: the CRM (src/app/globals.css); rules in DESIGN.md. */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap");

:root {
  --font: "Manrope", system-ui, -apple-system, sans-serif;

  --navy: #223B61;        /* sidebar, phone tab bar, section labels */
  --navy-dark: #1A2E4D;
  --navy-line: #2E4E7E;   /* dividers inside the sidebar */
  --side-text: #DCE9F7;   /* sidebar links */
  --side-icon: #CED4E0;
  --side-active-icon: #E3A858;

  --blue: #316AFF;        /* links, focus, secondary buttons' text */
  --blue-bg: #EAF0FF;
  --ink: #1A1D29;         /* strong text, segmented control selected */
  --gray: #494F5E;        /* normal text */
  --gray-lt: #808798;     /* muted text, table headers, placeholders */
  --line: #E1E5ED;        /* every border */
  --soft: #F0F2F5;        /* hover, search box, disabled fill */
  --soft-2: #E6EAF2;      /* segmented control track */
  --sky: #CED4E0;         /* input and outline-button borders */
  --row-hover: #FAFBFD;
  --row-selected: #EAF2FB;
  --table-head: #F7FAFD;

  --gold: #9E6723;        /* primary button fill */
  --gold-hover: #946020;
  --gold-brand: #C98B3D;  /* active nav marker, small accents */
  --amber-bg: #F8ECD9;
  --red: #C92828;  --red-bg: #FFF0F0;
  --green: #1F7A4D; --green-bg: #E6F4EC;

  --radius-card: 8px;     /* cards, modals, toasts */
  --radius-ctl: 4px;      /* buttons, menus, chips */
  --radius-input: 3px;
  --shadow-menu: 0 4px 24px rgba(15, 19, 31, 0.12);   /* menus, modals, toasts only */
}

html { font-family: var(--font); color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; }