/* Prime Properties Admin — admin brand tokens (Prime Properties MD, navy/gold) */ /* Brand fonts — DM Sans (UI/body) + Fraunces (display), loaded via Google Fonts in the layout (see AdminLayout.astro / PublicLayout.astro). */ :root { /* Brand palette — Prime Properties MD (navy #1B2A4A / gold #C6922A) */ --pp-cream: #F0EEE9; --pp-linen: #FAFAF7; --pp-edge: #E5E5E0; --pp-ink: #1A1A1A; --pp-stone: #6B7280; --pp-gold: #C6922A; /* primary accent */ --pp-gold-text: #B07F1E; /* gold hover / text-on-light variant */ --pp-tan: var(--pp-gold); --pp-navy: #1B2A4A; /* primary brand color — headings, sidebar brand, nav */ /* Wellness-palette extras remapped to neutral/semantic Prime colors */ --pp-sage: #6B7280; --pp-blue: #2563EB; --pp-blush: #F0EEE9; /* Status */ --pp-error: #DC2626; --pp-success: #16A34A; --pp-warn: #D97706; --pp-info: #2563EB; --pp-display: 'Fraunces', Georgia, 'Times New Roman', serif; --pp-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; --pp-script: 'Fraunces', Georgia, serif; --pp-mono: ui-monospace, 'SF Mono', Consolas, monospace; --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --r-control: 4px; --r-card: 8px; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; background: var(--pp-linen); color: var(--pp-ink); font-family: var(--pp-sans); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; } a { color: var(--pp-ink); } a:hover { color: var(--pp-gold-text); } h1, h2, h3 { margin: 0 0 var(--sp-3); font-weight: 700; letter-spacing: -0.01em; } h1 { font-family: var(--pp-display); font-style: normal; font-size: 28px; font-weight: 700; color: var(--pp-navy); } h2 { font-size: 18px; } h3 { font-size: 15px; color: var(--pp-stone); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; } button, input, select, textarea { font: inherit; color: inherit; } /* Brand lockup — Fraunces text wordmark (navy) */ .brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--pp-navy); } .brand-wordmark { display: block; font-family: var(--pp-display); font-weight: 700; color: var(--pp-navy); letter-spacing: -0.01em; line-height: 1.15; } .brand-wordmark-sub { display: block; font-family: var(--pp-sans); font-size: 0.34em; letter-spacing: 0.28em; text-transform: uppercase; color: var(--pp-gold-text); margin-top: 3px; font-weight: 600; } .brand small { font-family: var(--pp-sans); font-style: normal; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--pp-stone); padding-left: 10px; border-left: 1px solid var(--pp-edge); } .btn { display: inline-block; padding: 10px 18px; border-radius: var(--r-control); border: 1px solid var(--pp-edge); background: white; cursor: pointer; text-decoration: none; font-size: 14px; font-weight: 500; } .btn-primary { background: var(--pp-gold); border-color: var(--pp-gold); color: var(--pp-ink); } .btn-primary:hover { filter: brightness(0.97); } .btn-secondary { background: white; color: var(--pp-ink); } .btn-secondary:hover { background: var(--pp-linen); } .btn-danger { background: white; color: var(--pp-error); border-color: var(--pp-edge); } .btn-danger:hover { background: #fff4f3; } .field { display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--sp-4); } .field label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--pp-stone); } .input, .textarea, .select { border: 1px solid var(--pp-edge); background: white; border-radius: var(--r-control); padding: 10px 12px; font-size: 14px; } .input:focus, .textarea:focus, .select:focus { outline: 2px solid var(--pp-gold); outline-offset: -1px; border-color: transparent; } .field-error { color: var(--pp-error); font-size: 12px; margin-top: 4px; } table.data { width: 100%; border-collapse: collapse; background: white; border: 1px solid var(--pp-edge); border-radius: var(--r-card); overflow: hidden; } table.data th, table.data td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--pp-edge); font-size: 13px; height: 40px; } table.data th { background: var(--pp-linen); color: var(--pp-stone); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 500; font-size: 11px; } table.data tr:nth-child(even) { background: var(--pp-linen); } table.data tr:hover { background: var(--pp-cream); } table.data tr:last-child td { border-bottom: 0; } .banner { padding: 12px 16px; border-radius: var(--r-card); margin-bottom: var(--sp-4); font-size: 13px; } .banner-error { background: #fdecea; color: var(--pp-error); } .banner-success { background: #e9f5ec; color: var(--pp-success); } .banner-warn { background: #fbf0e1; color: var(--pp-warn); } .banner-info { background: #e7f1fb; color: var(--pp-info); }