/* Perla Dental: fonts and tokens for its demo (conta). Colours and fonts from design-lead's final (T-186). */
@font-face { font-family: "DM Serif Display"; src: url("fonts/dm-serif-display-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("fonts/dm-sans-latin-standard-normal.woff2") format("woff2"); font-weight: 100 1000; font-display: swap; }

[data-brand="dental"] {
  --b-primary: #8C3FD8;        /* Orquídea: buttons, active states */
  --b-on-primary: #FFFFFF;     /* 5.5:1 */
  --b-secondary: #3F1450;      /* Ciruela: dark panels, text */
  --b-on-secondary: #FFFFFF;
  --b-accent: #FF6B8B;         /* Rubor: highlights, "paid" badges */
  --b-on-accent: #3F1450;      /* 5.4:1 */
  --b-link: #8C3FD8;           /* 5.2:1 on Perla */
  --b-ink: #3F1450;
  --b-muted: #7A6585;          /* 5.0:1 on Perla */
  --b-paper: #FFF7F2;          /* Perla */
  --b-surface: #FFFFFF;
  --b-line: #F0E2EA;
  --b-c1: #8C3FD8; --b-c2: #DCCBFF; --b-c3: #FF6B8B; --b-c4: #3F1450;
  --b-font-display: "DM Serif Display", Georgia, serif;
  --b-display-weight: 400;
  --b-font-body: "DM Sans", system-ui, sans-serif;
  --b-radius: 14px;
  --b-logo-h: 36px;            /* 123 px wide: above the 120 px minimum */
}