/* Dubai Paralel — Kurumsal Kimlik 2.0 (Dijital) brand tokens.
   Source of truth: company identity/marka-rehberi-v2.html */
:root {
  /* Color — dark surfaces */
  --night: #08111D;
  --ink: #0E1B2C;
  --ink-2: #132538;
  --line-dark: #1E3249;
  --line-dark-2: #2A4360;
  --muted-dark: #8C97A5;
  --text-dark: #EDE8DD;

  /* Color — light surfaces */
  --paper: #F6F2EA;
  --paper-2: #EFE9DD;
  --line: #DDD5C6;
  --muted: #5B6573;

  /* Color — accents */
  --sand: #C9A86A;
  --sand-hi: #E2C68E;
  --sand-text: #7E5F27;
  --teal: #1F6F78;
  --teal-hi: #4FB3B0;
  --ok: #2E9E6B;

  /* Type */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  /* Shape: soft, generous corners; squircle where the browser supports it (see bottom) */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-btn: 14px;
  --r-md: 20px;
  --r-lg: 28px;

  /* Layout */
  --gutter: 32px;
  --shell: 1320px;
  --space: clamp(88px, 10vw, 160px);
  --header-h: 80px;

  /* Motion */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --t-ui: .25s;
  --t-reveal: .8s;
}
@media (max-width: 767px) {
  :root { --gutter: 20px; --header-h: 64px; }
}
/* Smooth (squircle) corners: the same visual weight needs a larger radius. */
@supports (corner-shape: squircle) {
  :root { --r-xs: 9px; --r-sm: 14px; --r-btn: 20px; --r-md: 30px; --r-lg: 40px; }
}