/*
 * Design tokens — Signature / monochrome UI
 * Imported first on every page. Override in app or page CSS if needed.
 */

:root {
    /* Cool neutral accent */
    --accent-soft:        #aeb4c0;
    --accent-deep:        #5c6470;
    --accent-on-dark:     #e9ecf1;
    --accent-pale-dark:   rgba(255, 255, 255, 0.09);
    --accent-surface:     rgba(90, 98, 114, 0.08);
    --accent-surface-strong: rgba(90, 98, 114, 0.16);

    /* Interactive (CTAs on dark sections) */
    --interactive:        #ffffff;
    --interactive-hover:  #dfe4ec;

    /* Charcoal scale */
    --black:           #1a1a1a;
    --charcoal:        #282828;
    --charcoal-2:      #333333;
    --charcoal-3:      #555555;
    --white:           #ffffff;

    /* Text */
    --text-dark:       #1a1a1a;
    --text-muted:      #888888;
    --text-subtle:     #aaaaaa;

    /* Surfaces */
    --bg-cream:        #f7f6f4;
    --bg-white:        #ffffff;
    --border-light:    #e4e2de;
    --border-dark:     rgba(255, 255, 255, 0.1);

    /* Typography stacks */
    --font-serif:      'Cormorant Garamond', Georgia, serif;
    --font-sans:       'Catamaran', 'Helvetica Neue', Arial, sans-serif;
    /* Admin console — unified Catamaran (public site uses serif headings + sans body) */
    --font-admin:      'Catamaran', 'Helvetica Neue', Arial, sans-serif;

    --radius:          8px;
    --radius-sm:       4px;
    --radius-pill:     50px;

    --shadow-sm:       0 2px 14px rgba(0, 0, 0, 0.06);
    --shadow-md:       0 6px 28px rgba(0, 0, 0, 0.10);
    --shadow-lg:       0 14px 50px rgba(0, 0, 0, 0.14);

    --transition:      all 0.3s ease;

    /* Property listing card radius (reuse on other card UIs if needed) */
    --card-radius-property: 14px;
}