/* Fynyx Core – reset & variables */

:root {
  --f-font-main: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --f-font-size-body: 16px;
  --f-font-size-title: 36px;
  --f-font-size-subtitle: 22px;

  --f-radius-sm: 8px;
  --f-radius-md: 12px;
  --f-radius-lg: 16px;

  --f-shadow-soft: 0 0 12px rgba(0,0,0,0.08);
  --f-shadow-medium: 0 0 18px rgba(0,0,0,0.15);
  --f-shadow-strong: 0 0 25px rgba(0,0,0,0.35);

  --f-space-xs: 4px;
  --f-space-sm: 8px;
  --f-space-md: 16px;
  --f-space-lg: 24px;
  --f-space-xl: 32px;

  /* defaults, overridden by theme classes */
  --f-bg-main: #ffffff;
  --f-bg-soft: #f7f7f7;
  --f-bg-accent: #ececec;
  --f-text-main: #333333;
  --f-text-soft: #555555;
  --f-border-color: #dddddd;
  --f-primary: #999999;
  --f-primary-soft: #cccccc;
  --f-btn-text: #ffffff;

  --f-transition-fast: 0.2s ease;
  --f-transition-med: 0.35s ease;
}

/* CSS reset-ish */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--f-font-main);
  font-size: var(--f-font-size-body);
  background: var(--f-bg-soft);
  color: var(--f-text-main);
}