/*
 * Qive.pl design tokens
 *
 * Variables use a qive-specific prefix to avoid conflicts with other
 * stylesheets or third-party components.
 */

:root {
  /* Colour palette */
  --qive-sand-50: #fffaf1;
  --qive-sand-100: #f7ead6;
  --qive-sand-200: #ead3b3;
  --qive-sand-300: #d6b486;

  --qive-brown-500: #966a42;
  --qive-brown-700: #65452f;
  --qive-brown-900: #30231c;

  --qive-color-text: var(--qive-brown-900);
  --qive-color-muted: #765f50;
  --qive-color-accent: #9a572f;
  --qive-color-surface: rgba(255, 250, 241, 0.78);
  --qive-color-border: rgba(101, 69, 47, 0.16);

  /* Typography */
  --qive-font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;

  --qive-font-display: Georgia, "Times New Roman", serif;

  /* Layout */
  --qive-page-width: 1120px;
  --qive-page-gutter: 40px;
  --qive-section-gap: 32px;

  /* Shape */
  --qive-radius-small: 12px;
  --qive-radius-medium: 24px;
  --qive-radius-pill: 999px;

  /* Effects */
  --qive-shadow-small: 0 10px 40px rgba(77, 48, 27, 0.08);

  --qive-shadow-large: 0 24px 70px rgba(77, 48, 27, 0.12);

  /* Motion */
  --qive-transition-fast: 180ms ease;
  --qive-transition-medium: 500ms cubic-bezier(0.2, 0.8, 0.2, 1);
}