:root {
  --ccc-cream: #f7f1e8;
  --ccc-warm-white: #fffcf7;
  --ccc-stone: #d8cfc1;
  --ccc-olive: #5f6f52;
  --ccc-deep-olive: #2f3a2a;
  --ccc-charcoal: #1f1f1f;
  --ccc-soft-black: #111111;
  --ccc-muted-mustard: #d7a702;
  --ccc-border-soft: rgba(31, 31, 31, 0.14);
  --ccc-border-medium: rgba(31, 31, 31, 0.28);
  --ccc-shadow-soft: 0 16px 40px rgba(17, 17, 17, 0.06);
  --ccc-shadow-panel: 0 24px 60px rgba(17, 17, 17, 0.1);

  --ccc-font-heading: "Playfair Display", Georgia, serif;
  --ccc-font-body: "Inter", Arial, sans-serif;
  --ccc-font-ui: "Inter", Arial, sans-serif;

  --ccc-text-xs: 0.75rem;
  --ccc-text-sm: 0.875rem;
  --ccc-text-base: 1rem;
  --ccc-text-lg: 1.125rem;
  --ccc-text-xl: 1.25rem;
  --ccc-text-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --ccc-text-3xl: clamp(2.5rem, 5vw, 4rem);
  --ccc-text-4xl: clamp(3rem, 7vw, 5.5rem);

  --ccc-leading-tight: 1.05;
  --ccc-leading-snug: 1.2;
  --ccc-leading-body: 1.65;
  --ccc-heading-line-height: 1.2;
  --ccc-heading-letter-spacing: -0.035em;
  --ccc-body-line-height: 1.65;

  --ccc-tracking-ui: 0.08em;
  --ccc-tracking-wide: 0.14em;
  --ccc-ui-letter-spacing: 0.14em;

  --ccc-space-2xs: 0.5rem;
  --ccc-space-xs: 0.75rem;
  --ccc-space-sm: 1rem;
  --ccc-space-md: 1.5rem;
  --ccc-space-lg: 2rem;
  --ccc-space-xl: 3rem;
  --ccc-space-2xl: 4rem;
  --ccc-space-3xl: 5rem;

  --ccc-section-padding: clamp(64px, 8vw, 120px);
  --ccc-section-padding-small: clamp(40px, 5vw, 72px);

  --ccc-content-width: 1180px;
  --ccc-wide-width: 1440px;
  --ccc-text-measure: 68ch;

  --ccc-grid-gap: clamp(20px, 2.4vw, 36px);
  --ccc-grid-gap-tight: clamp(16px, 2vw, 24px);
  --ccc-container-gutter: clamp(20px, 4vw, 48px);

  --ccc-border-width: 1px;
  --ccc-border-standard: var(--ccc-border-width) solid var(--ccc-border-soft);
  --ccc-border-strong: var(--ccc-border-width) solid var(--ccc-border-medium);

  --ccc-transition-fast: 160ms ease;
  --ccc-transition-base: 240ms ease;
  --ccc-transition-slow: 360ms ease;

  --ccc-z-base: 1;
  --ccc-z-floating: 10;
  --ccc-z-overlay: 100;
}