/*
Theme Name: Client Theme
Description: Starter theme for client projects. Edit freely. Built on wp-starter template.
Version: 1.0.0
Template Version: 1.1.0
Author: Your Agency
Template: twentytwentyfour
Text Domain: client-theme
*/

:root {
  --bg-light: #f9f8f5;
  --bg-dark: #141414;
  --bg-alt: #f1efe9;
  --text-primary: #141414;
  --text-inverse: #f9f8f5;
  --text-secondary: #5a5650;
  --text-muted: #9e9990;
  --border-color: #dedad1;
  --border-strong: #b8b2a6;
  --border-inverse: rgba(255, 255, 255, 0.15);
  --accent: #8a7a5b;

  --color-primary: var(--text-primary);
  --color-accent: var(--accent);
  --color-bg: var(--bg-light);
  --color-text: var(--text-primary);
  --color-muted: var(--text-secondary);
  --color-border: var(--border-color);

  --font-heading: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --serif: var(--font-heading);
  --sans: var(--font-body);
  --mono: var(--font-mono);

  --max-width: 1320px;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 8rem;

  --radius: 3px;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.08);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 400ms;
}