/* =========================================================
   PROMAX INTERIORS — THEME
   All brand colours and fonts live here. Colours were taken
   directly from the Promax logo files.
   ========================================================= */
:root {
  /* Brand colours (from the logo) */
  --brand-green:  #86AA3E;   /* the big "P"            */
  --brand-teal:   #00B092;   /* "Interiors"            */
  --brand-orange: #F24426;   /* the red-orange square  */
  --brand-indigo: #38328A;   /* the indigo square      */
  --brand-charcoal:#2B2A26;  /* "romax" (dark logo)    */
  --brand-stone:  #D3CDC7;   /* "romax" (white logo)   */

  /* Theme roles */
  --c-primary:        var(--brand-orange); /* main call-to-action        */
  --c-primary-strong: #D23A1E;             /* button fill (AA contrast)  */
  --c-primary-hover:  #B9301A;
  --c-secondary:      var(--brand-green);  /* highlights, markers        */
  --c-secondary-ink:  #52711C;             /* green text on light bg     */
  --c-accent:         var(--brand-teal);   /* small accents, links on dark*/
  --c-accent-ink:     #00806B;             /* teal text on light bg      */
  --c-deep:           var(--brand-indigo); /* feature bands              */

  /* Surfaces */
  --c-bg:        #F6F3EE;  /* warm paper background   */
  --c-surface:   #FFFFFF;
  --c-surface-2: #EFEAE3;
  --c-line:      #E2DCD3;
  --c-dark:      #1E1D1A;  /* dark sections, footer   */
  --c-dark-2:    #2B2A26;
  --c-dark-line: #3A3833;

  /* Text */
  --c-text:       #22211D;
  --c-text-muted: #6B675F;
  --c-on-dark:    #F4F1EC;
  --c-on-dark-muted: #B9B3AA;

  /* Typography */
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Shape & depth */
  --radius: 4px;
  --radius-lg: 10px;
  --shadow-sm: 0 1px 2px rgba(30,29,26,.06), 0 2px 8px rgba(30,29,26,.05);
  --shadow-md: 0 10px 30px -12px rgba(30,29,26,.25);
  --shadow-lg: 0 30px 60px -20px rgba(30,29,26,.35);

  /* Layout */
  --container: 1220px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 72px;
}