/* WordPress Theme Colors and Variables */
/* Extracted from audiolooper.dk */

:root {
  /* Color Palette */
  --color-primary: #F9F6DE;      /* Cream */
  --color-secondary: #fcf8f2;    /* Off-white */
  --color-tertiary: #2d3f47;     /* Dark blue-gray */
  --color-background: #3f5762;   /* Slate */
  --color-foreground: #f7fafc;   /* Light gray */
  --color-accent: #C9B998;       /* Gold/tan for buttons */
  --color-accent-hover: #B5A785; /* Darker gold */
  --color-text-light: #a0aec0;   /* Light text on dark bg */
  --color-text-dark: #2d3f47;    /* Dark text on light bg */
  --color-border: #506973;       /* Border color */

  /* Typography */
  --font-body: 'Radio Canada', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-heading: 'Arsenal', Georgia, serif;

  /* Font Sizes */
  --font-size-small: 0.9em;
  --font-size-base: 1em;
  --font-size-large: 1.1em;
  --font-size-xl: 1.3em;
  --font-size-2xl: 1.5em;
  --font-size-3xl: 2em;
  --font-size-4xl: 2.5em;
  --font-size-5xl: 3.5em;

  /* Layout */
  --content-width: 42rem;
  --content-width-wide: 80rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 25px;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.2);
  --shadow-lg: 0 8px 16px rgba(0,0,0,0.3);
}