/* ==========================================================================
   Furya Group — Design System — Foundation Tokens
   ==========================================================================
   Values shared identically across all three brands (Furya Group root,
   Furya, Akustik İşler), extracted from the current codebase. Load this
   BEFORE a brand token file — brand files add color + font tokens and may
   reference these.
   ========================================================================== */

:root {
  /* Layout */
  --space-unit: 8px;          /* base spacing unit used across all 3 sites */
  --content-max: 1200px;      /* .wrap max-width */
  --content-padding: 24px;    /* .wrap horizontal padding */

  /* Shape */
  --radius: 6px;               /* the one radius value used everywhere */

  /* Motion — the two easing curves actually used across the codebase */
  --duration-fast: 200ms;      /* card hover, photo-slot hover */
  --duration-base: 300ms;      /* popovers, lightbox, event popup */
  --duration-slow: 400ms;      /* photo zoom-on-hover */
  --ease-standard: ease;
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1); /* wa-chat-popup, lightbox-pop */

  /* Typography — the one font role that is byte-for-byte identical
     across all three brands. Body/display fonts differ per brand and
     live in each brand's token file. */
  --font-mono: 'IBM Plex Mono', monospace;
}

/*
  Breakpoints (reference only)
  --------------------------------------------------------------------------
  Plain CSS cannot read custom properties inside @media conditions, so
  these are NOT usable as var(--bp-*) — they're documented here so future
  media queries stay consistent with what's already in use. Copy the literal
  px value when writing a new query.

    mobile      480px   (wa-widget stacking)
    tablet-sm   720px   (header/nav stacking, grid collapse to 1 col)
    tablet      900px   (akustik photo-grid collapse to 3 col)
    desktop-sm  1024px  (footer-inner collapse, photo-grid collapse to 3 col)
*/