/* === Tenant Theme — generated at 1779011546 === */
/* hex input: #3c3e44 */
:root {
  /* Brand primitives (HSL derived from primary hex) */
  --brand-h: 225;
  --brand-s: 6%;
  --brand-l: 25%;

  /* Primary scale */
  --color-primary:          #3c3e44;
  --color-primary-hover:    hsl(225, 6%, 19%);
  --color-primary-active:   hsl(225, 6%, 13%);
  --color-primary-soft:     hsl(225, 0%, 57%);
  --color-primary-xsoft:    hsl(225, 0%, 65%);
  --color-primary-contrast: #FFFFFF;

  /* Secondary and accent */
  --color-secondary:      #f2d9b3;
  --color-secondary-soft: hsl(225, 0%, 73%);
  --color-accent:         #f2d9b3;

  /* Surface / BG */
  --color-bg:        #ffffff;
  --color-surface:   #ffffff;

  /* Text */
  --color-text: #000000;

  /* Focus ring */
  --color-focus-ring: hsl(225, 6%, 33%);
  --color-border-focus: #3c3e44;

  /* Shadow (colored) */
  --shadow-primary: 0 4px 16px hsl(225, 6%, 35%, .35);

  /* Backward-compat aliases — point to semantic tokens, NOT hardcoded hex */
  /* This ensures styles.css var(--primary) always follows the brand token */
  --primary:   var(--color-primary);
  --secondary: var(--color-secondary);
  --white:     var(--color-surface);
  --bg:        var(--color-bg);
  --text:      var(--color-text);
  --text-2:    var(--color-text-muted);
  --line:      var(--color-border);
  --critical:  var(--color-danger);
}