/* Stone & Bone — design system v0 */

:root {
  --color-background: #0a0a0a;
  --color-foreground: #f5f0e8;
  --color-ivory: #f5f0e8;
  --color-primary: #c9a962;
  --color-primary-foreground: #0a0a0a;
  --color-muted: #a3a3a3;
  --color-card: rgba(23, 23, 23, 0.4);
  --card: rgba(23, 23, 23, 0.4);
  --card-foreground: rgba(236, 227, 214, 0.92);
  --color-card-foreground: var(--card-foreground);
  --color-border: #2a2a2a;
  --color-secondary: #1a1a1a;
  --color-input: #1a1a1a;
  --font-sans: "Inter", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Playfair Display", Georgia, serif;
  --container-max: 80rem;
  --section-py: 6rem;
  --section-py-lg: 8rem;
  --e-global-color-primary: var(--color-primary);
  --e-global-color-secondary: var(--color-secondary);
  --e-global-color-text: var(--color-muted);
  --e-global-color-accent: var(--color-primary);
  --e-global-color-21bfb04: var(--color-ivory);
  --e-global-color-d345fd2: var(--color-muted);
  --e-global-color-e5e9561: var(--color-background);
  --e-global-color-08fcc9d: var(--color-card);
  --e-global-color-f06adda: var(--color-card);
  --e-global-typography-primary-font-family: var(--font-serif);
  --e-global-typography-text-font-family: var(--font-sans);
  --e-global-typography-accent-font-family: var(--font-sans);
}

html { scroll-behavior: smooth; }

body {
  background-color: var(--color-background);
  color: var(--color-muted);
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-serif { font-family: var(--font-serif); }
.text-ivory { color: var(--color-ivory); }
.text-primary { color: var(--color-primary); }
.text-muted { color: var(--color-muted); }
.bg-background { background-color: var(--color-background); }
.bg-card { background-color: var(--color-card); }
.text-card-foreground { color: var(--card-foreground); }
.bg-secondary { background-color: color-mix(in srgb, var(--color-secondary) 30%, transparent); }
