:root {
  /* Baspalett – din signatur */
  --color-primary: #1A6B70;   /* Deep Petroleum Teal */
  --color-secondary: #7FB7BA; /* Soft Teal Light */
  --color-bg: #F4EFE7;        /* Warm Linen */
  --color-text: #333333;
  --color-white: #ffffff;

  /* Tillstånd (kan justeras vid behov) */
  --color-primary-hover: color-mix(in srgb, var(--color-primary) 88%, white);
  --color-primary-active: color-mix(in srgb, var(--color-primary) 92%, black);

  --color-secondary-hover: color-mix(in srgb, var(--color-secondary) 88%, white);
  --color-secondary-active: color-mix(in srgb, var(--color-secondary) 92%, black);

  /* Text */
  --color-text: #333333;
  --color-text-muted: #555555;
  --color-text-dark: #222222;

  /* Bakgrunder */
  --color-bg: #F4EFE7;
  --color-bg-page: #f8f8f8;
  --color-bg-card: #ffffff;
  --color-bg-soft: #f0f0f0;

  /* Borders */
  --color-border: #cccccc;
  --color-border-soft: #dddddd;
  --color-border-light: #eeeeee;

  /* Overlay */
  --color-overlay: rgba(0,0,0,0.7);
}