/* ─── MR.HOMES — Effects Tokens ───────────────────────────────────────── */

:root {
  /* ── Corner radii — almost none; brand is sharp & rectilinear ── */
  --radius-none:    0px;
  --radius-xs:      1px;
  --radius-sm:      2px;   /* Maximum rounding on standard elements */
  --radius-md:      4px;   /* Only for very small indicators / badges */
  --radius-full:    9999px; /* Pills: never used on primary elements */

  /* ── Border widths ── */
  --border-1:   1px;
  --border-2:   2px;
  --border-3:   3px;
  --border-4:   4px;

  /* ── Directional shadows (editorial style, no blur) ── */
  --shadow-xs:  2px 2px 0px rgba(26, 26, 26, 0.12);
  --shadow-sm:  3px 3px 0px rgba(26, 26, 26, 0.12);
  --shadow-md:  4px 4px 0px rgba(26, 26, 26, 0.14);
  --shadow-lg:  6px 6px 0px rgba(26, 26, 26, 0.14);
  --shadow-xl:  8px 8px 0px rgba(26, 26, 26, 0.12);

  /* ── Shadow on accent (red) ── */
  --shadow-accent: 4px 4px 0px rgba(192, 57, 43, 0.35);

  /* ── Transitions ── */
  --ease-default:     cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-sharp:       cubic-bezier(0.4, 0, 0.6, 1); /* @kind other */
  --ease-out:         cubic-bezier(0, 0, 0.58, 1); /* @kind other */

  --duration-fast:    120ms; /* @kind other */
  --duration-default: 200ms; /* @kind other */
  --duration-slow:    350ms; /* @kind other */

  --transition-fast:    var(--duration-fast) var(--ease-default); /* @kind other */
  --transition-default: var(--duration-default) var(--ease-default); /* @kind other */
  --transition-slow:    var(--duration-slow) var(--ease-default); /* @kind other */

  /* ── Glassmorphism (dark, editorial) ── */
  --glass-bg:           rgba(10, 10, 10, 0.62);   /* @kind other */
  --glass-bg-light:     rgba(255, 255, 255, 0.06); /* @kind other */
  --glass-border:       rgba(255, 255, 255, 0.10); /* @kind other */
  --glass-border-light: rgba(255, 255, 255, 0.18); /* @kind other */
  --glass-blur:         blur(18px);               /* @kind other */
  --glass-blur-sm:      blur(10px);               /* @kind other */

  /* ── Image overlays ── */
  --overlay-dark:   linear-gradient(160deg, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0.72) 100%); /* @kind other */
  --overlay-bottom: linear-gradient(to top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.10) 60%);  /* @kind other */

  /* ── Z-index layers ── */
  --z-base:    0; /* @kind other */
  --z-raised:  1; /* @kind other */
  --z-nav:     10; /* @kind other */
  --z-overlay: 50; /* @kind other */
  --z-modal:   100; /* @kind other */
  --z-toast:   200; /* @kind other */
}