/* Design Tokens (Global CSS Variables) */
:root {
  /* Brand Colors (Elementor globals) */
  --c-primary: #AB6530;      /* e-global-color-primary */
  --c-secondary: #914D2C;    /* e-global-color-secondary */
  --c-text: #424242;         /* e-global-color-text */
  --c-accent: #212121;       /* e-global-color-accent */

  --c-white: #FFFFFF;        /* e-global-color-c762ff7 */
  --c-section: #FCF5F0;      /* e-global-color-2392ac5 (bg-section) */
  --c-border: #E0E0E0;       /* e-global-color-9a8a52a */
  --c-muted: #757575;        /* e-global-color-181618e */

  /* Typography */
  --font-heading: "Abhaya Libre", serif;
  --font-body: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* Weights */
  --fw-heading: 800;         /* primary/secondary headings */
  --fw-btn: 600;             /* thim-font-button-variant */

  /* Base sizes */
  --fs-body: 16px;
  --lh-body: 1.5;
  --fs-accent: 14px;
  --lh-accent: 1.5;

  /* Buttons */
  --btn-pad: 10px 15px;      /* product-button-padding */
  --btn-radius: 0px;         /* thim-border-radius-button + lp border radius 0 */

  /* Borders */
  --border-color: var(--c-border);
  --border-radius: 0px;      /* body:not(.thim-border-radius) */

  /* Legacy utility aliases (single source of truth via tokens) */
  --brand-primary: var(--c-primary);
  --brand-primary-hover: var(--c-secondary);
  --brand-primary-light: var(--c-primary);
  --brand-primary-dark: var(--c-secondary);

  --primary-color: var(--c-primary);
  --theme-primary: var(--c-primary);
  --btn-color: var(--c-primary);
  --accent-color: var(--c-accent);

  --heading-color: var(--c-accent);
  --body-color: var(--c-text);
  --section-alt-bg: var(--c-section);

  /* Overlays */
  --overlay-dark: rgba(0, 0, 0, 0.6);

  /* Section spacing */
  --section-padding: 100px;
  --section-padding-sm: 60px;
}