/* terain-mui-theme.css
 *
 * CSS-variable mirror of the canonical Terain MUI theme.
 *   Source of truth: themes/terain-theme.ts (MUI v7, light mode only)
 *
 * Use these tokens in any HTML/CSS mockup so values stay in lock-step with
 * the real app. The names map 1:1 onto MUI palette keys.
 * ---------------------------------------------------------------------- */

:root {

  /* ── Palette · primary ─────────────────────────────────────────── */
  --mui-palette-primary-main:          #ffa53e;   /* brand orange */
  --mui-palette-primary-light:         #ffe2c2;
  --mui-palette-primary-contrastText:  #ffffff;

  /* ── Palette · secondary (the "charcoal" pill / dark surfaces) ─── */
  --mui-palette-secondary-main:         #515154;
  --mui-palette-secondary-contrastText: #ffffff;

  /* ── Palette · status ─────────────────────────────────────────── */
  --mui-palette-error-main:    #f5222d;
  --mui-palette-success-main:  #52c41a;
  --mui-palette-disabled-main: #00000042;   /* rgba(0,0,0,0.26) */

  /* ── Palette · surfaces & text ────────────────────────────────── */
  --mui-palette-background-default: #e6e7e8;
  --mui-palette-background-paper:   #ffffff;   /* MUI default */
  --mui-palette-text-primary:       rgba(0,0,0,0.65);
  --mui-palette-text-secondary:     rgba(0,0,0,0.60);   /* MUI default */
  --mui-palette-text-disabled:      rgba(0,0,0,0.38);   /* MUI default */
  --mui-palette-divider:            rgba(0,0,0,0.12);   /* MUI default */

  /* ── DataGrid ─────────────────────────────────────────────────── */
  --mui-palette-datagrid-bg:        #ffffff;
  --mui-palette-datagrid-headerBg:  #ffffff;

  /* ── Lumos sub-palette (used for the Lumos copilot surface) ───── */
  --mui-palette-lumos-primary-main:         #5C5354;
  --mui-palette-lumos-primary-contrastText: #ffffff;
  --mui-palette-lumos-primary-light:        rgba(92,83,84,0.20);

  /* ── Variety palette (qualitative chart colours, 8 categories) ── */
  --mui-palette-variety-1: #806a52;
  --mui-palette-variety-2: #e66137;
  --mui-palette-variety-3: #19b336;
  --mui-palette-variety-4: #525280;
  --mui-palette-variety-5: #72e9aa;
  --mui-palette-variety-6: #3793e6;
  --mui-palette-variety-7: #e9ac72;
  --mui-palette-variety-8: #b34d19;

  /* ── Spacing (MUI default 8px base; numSpacing(n) = n × 8) ────── */
  --mui-spacing-unit: 8px;
  --mui-spacing-0_5:  4px;
  --mui-spacing-1:    8px;
  --mui-spacing-1_5: 12px;
  --mui-spacing-2:   16px;
  --mui-spacing-3:   24px;
  --mui-spacing-4:   32px;
  --mui-spacing-5:   40px;
  --mui-spacing-6:   48px;

  /* ── Shape ────────────────────────────────────────────────────── */
  --mui-shape-borderRadius: 4px;   /* MUI default — no override in theme */

  /* ── Typography ───────────────────────────────────────────────── */
  --mui-font-family: 'Montserrat', -apple-system, BlinkMacSystemFont,
                     'Segoe UI', Roboto, sans-serif;

  /* MUI v7 default variant sizes (rem assuming 16px root) */
  --mui-text-h1:        6rem;     /* 96px */
  --mui-text-h2:      3.75rem;    /* 60px */
  --mui-text-h3:        3rem;     /* 48px */
  --mui-text-h4:     2.125rem;    /* 34px */
  --mui-text-h5:      1.5rem;     /* 24px */
  --mui-text-h6:     1.25rem;     /* 20px */
  --mui-text-subtitle1: 1rem;     /* 16px */
  --mui-text-subtitle2: 0.875rem; /* 14px */
  --mui-text-body1:     1rem;     /* 16px */
  --mui-text-body2:  0.875rem;    /* 14px */
  --mui-text-button:  0.875rem;   /* 14px */
  --mui-text-caption: 0.75rem;    /* 12px */
  --mui-text-overline:0.75rem;    /* 12px */
  --mui-text-tiny:    0.75rem;    /* 12px — custom size token */

  /* ── Elevation (MUI default shadow ramp, abbreviated) ─────────── */
  --mui-elevation-1:  0px 2px 1px -1px rgba(0,0,0,0.20),
                      0px 1px 1px 0px rgba(0,0,0,0.14),
                      0px 1px 3px 0px rgba(0,0,0,0.12);
  --mui-elevation-2:  0px 3px 1px -2px rgba(0,0,0,0.20),
                      0px 2px 2px 0px rgba(0,0,0,0.14),
                      0px 1px 5px 0px rgba(0,0,0,0.12);
  --mui-elevation-4:  0px 2px 4px -1px rgba(0,0,0,0.20),
                      0px 4px 5px 0px rgba(0,0,0,0.14),
                      0px 1px 10px 0px rgba(0,0,0,0.12);
  --mui-elevation-8:  0px 5px 5px -3px rgba(0,0,0,0.20),
                      0px 8px 10px 1px rgba(0,0,0,0.14),
                      0px 3px 14px 2px rgba(0,0,0,0.12);
}

/* ----------------------------------------------------------------------
   Colliers white-label palette overrides
   Apply to a subtree with `.theme-colliers` when designing Colliers screens
   ---------------------------------------------------------------------- */
.theme-colliers {
  --mui-palette-primary-main:         #003399;
  --mui-palette-primary-contrastText: #ffffff;
  --mui-palette-secondary-main:       #737378;
  --mui-palette-secondary-contrastText:#ffffff;
}