/* Odoo 20.0+e (Enterprise) design tokens, read from the live demo (runbot, 2026-10-10) with getComputedStyle.
   Use these names in any software that must "look exactly like Odoo". Values are exact; do not round them.
   Source of every number: docs/odoo-reference/ODOO_DESIGN_SYSTEM.md */
:root {
  /* brand and semantic colours */
  --odoo-primary: #714B67;
  --odoo-primary-hover: #624159;
  --odoo-primary-active-bg: #F1EDF0;
  --odoo-secondary: #495057;
  --odoo-success: #00A945;
  --odoo-info: #17A2B8;
  --odoo-warning: #F59E0B;
  --odoo-danger: #EF4444;
  --odoo-light: #FFFFFF;
  --odoo-dark: #212529;
  --odoo-link: #017E84;
  --odoo-link-hover: #01585C;
  --odoo-action: #017E84;                 /* teal used for active/selected chips, statusbar current step text bg tint below */
  --odoo-teal-tint: #E6F2F3;              /* current statusbar step, active toggle background */
  /* subtle backgrounds (alerts, banners) */
  --odoo-primary-bg-subtle: #E3DBE1;  --odoo-primary-border-subtle: #C6B7C2;  --odoo-primary-text: #2D1E29;
  --odoo-secondary-bg-subtle: #DBDCDD;
  --odoo-success-bg-subtle: #CCEEDA;
  --odoo-info-bg-subtle: #D1ECF1;   --odoo-info-text: rgb(9, 65, 74);
  --odoo-warning-bg-subtle: #FDECCE;
  --odoo-danger-bg-subtle: #FCDADA;
  /* greys (note gray-200 is #E7EBED, not Bootstrap's #E9ECEF) */
  --odoo-gray-100: #F8F9FA;  --odoo-gray-200: #E7EBED;  --odoo-gray-300: #DEE2E6;  --odoo-gray-400: #CED4DA;  --odoo-gray-500: #ADB5BD;
  --odoo-gray-600: #6C757D;  --odoo-gray-700: #495057;  --odoo-gray-800: #343A40;  --odoo-gray-900: #212529;
  /* page */
  --odoo-body-color: #212529;
  --odoo-body-bg: #F8F9FA;
  --odoo-heading-color: #000;
  --odoo-secondary-color: rgba(33, 37, 41, .75);
  --odoo-tertiary-color: rgba(33, 37, 41, .5);
  --odoo-border-color: #DEE2E6;
  --odoo-input-border-color: #E7EBED;
  --odoo-border-width: 1px;
  /* typography */
  --odoo-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --odoo-font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --odoo-fs-base: .875rem;   /* 14px, line-height 1.5 = 21px */
  --odoo-fs-small: .8125rem; /* 13px */
  --odoo-fs-h1: 2.1rem;      /* 33.6px (form title), weight 500 */
  --odoo-fs-h2: 1.3125rem;   /* 21px */
  --odoo-fs-h3: 1.1375rem;   /* 18.2px */
  --odoo-fs-h4: 1.05rem;     /* 16.8px (app name, kanban column title) */
  --odoo-fs-h5: .9625rem;    /* 15.4px (card title, dropdown titles) */
  --odoo-fs-h6: .875rem;
  /* radii */
  --odoo-radius: .375rem;     /* 6px: buttons, inputs, menu items, alerts */
  --odoo-radius-sm: .25rem;   /* 4px */
  --odoo-radius-lg: .5rem;    /* 8px: kanban cards, form sheet, statusbar, app icon, dropdown items */
  --odoo-radius-xl: .75rem;   /* 12px: popovers, search panel, app tiles */
  --odoo-radius-pill: 50rem;  /* tags, badges */
  --odoo-radius-switcher: 10px;
  /* shadows */
  --odoo-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
  --odoo-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  --odoo-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
  --odoo-popover-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15);
  --odoo-focus-ring: 0 0 0 .25rem rgba(1, 126, 132, .5);
  /* layout constants measured in the demo */
  --odoo-navbar-h: 46px;
  --odoo-cp-padding: 8px 16px 16px;
  --odoo-cp-gap: 16px;
  --odoo-btn-h: 32.3px;       /* 5px 10px padding, 14px/21px, weight 500 */
  --odoo-searchbox-h: 36.5px;
  --odoo-list-row-h: 40px;
  --odoo-list-head-h: 39.7px;
  --odoo-kanban-col-w: 332px;
  --odoo-kanban-card-w: 300px;
  --odoo-sheet-padding: 24px;
  --odoo-gutter: 32px;
  /* breakpoints (Bootstrap): sm 576, md 768, lg 992 (Odoo desktop layout starts here), xl 1200, xxl 1400 */
}