/* Shared design tokens for the "cool palette" page cluster: properties.php,
   property.php, profile.php, user.php, add-property.php, edit-property.php.
   These 22 custom properties were confirmed byte-identical (or identical
   modulo insignificant comma-spacing in the box-shadow lists) across all
   six files via a programmatic diff before extraction — not assumed.

   index.php intentionally does NOT source its palette from here: it uses
   a genuinely different warm-toned palette throughout (different --ink,
   --surface-2, --border, --primary-soft, shadow tint, etc. — confirmed,
   not just differently named). It keeps its own full local :root block
   unchanged so its rendered colors don't move by a single pixel.

   Each of the six files below keeps a small local :root override for
   only the tokens that are genuinely its own (extras like --blue,
   --success, --shadow-xl, --container-pad, etc., or values that
   genuinely differ, like user.php's --shadow-xl opacity) — see each
   file's own remaining :root block. */
:root {
  --primary:       #A7643A;
  --primary-light: #C07848;
  --primary-dark:  #8A4F2A;
  --primary-soft:  #FBF4EF;
  --primary-alpha: rgba(167,100,58,0.12);

  --ink:        #1A1A1A;
  --ink-muted:  #6B7280;
  --ink-subtle: #9CA3AF;

  --surface:   #FFFFFF;
  --surface-2: #F9FAFB;
  --surface-3: #F3F4F6;
  --border:    #E5E7EB;
  --error:     #DC2626;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --font-sans:  'Plus Jakarta Sans', system-ui, sans-serif;
  --font-serif: 'DM Serif Display', Georgia, serif;
  --transition: 0.22s cubic-bezier(0.4,0,0.2,1);
}