/*
 * Wedora website palette — single source of truth for every page.
 *
 * Source: the mobile app's CLIENT theme (body.theme-client, "Wedora design system"),
 *   src/global.scss  :root  --wedora-*   and   body.theme-client --ion-color-*
 * This is the theme the couple-facing app runs; the owner/admin (editorial gold) theme is not used here.
 * Values marked "app" are copied verbatim. Values marked "derived" are tints/mixes of app
 * values, added only so semantic colours stay readable as text/background (see README).
 */
:root {
  /* app: brand */
  --wedora-primary: #6737E8;
  --wedora-primary-dark: #5428CF;
  --wedora-primary-light: #F2EEFF;
  --wedora-primary-tint: #7650EB;        /* app: --ion-color-primary-tint */
  /* app: surfaces + text */
  --wedora-background: #FBFAFF;
  --wedora-surface: #FFFFFF;
  --wedora-text: #171827;
  --wedora-text-secondary: #6F7285;
  --wedora-border: #E9E6F2;
  --wedora-border-strong: #DCD7EA;       /* app: --stone-strong (client theme) */
  /* app: secondary / tertiary (ion) */
  --wedora-secondary: #6E6E66;
  --wedora-tertiary: #2E4031;
  /* app: semantic */
  --wedora-success: #2BA65A;
  --wedora-warning: #F29A38;
  --wedora-danger: #E65353;
  --wedora-info: #3488E8;
  --wedora-pink: #EE6FA6;

  /* rgb triplets of app values, for rgba() */
  --wd-primary-rgb: 103, 55, 232;
  --wd-primary-dark-rgb: 84, 40, 207;
  --wd-background-rgb: 251, 250, 255;
  --wd-text-rgb: 23, 24, 39;

  /* derived: tinted backgrounds for notices (text on them is --wedora-text) */
  --wd-warning-bg: rgba(242, 154, 56, 0.16);
  --wd-success-bg: rgba(43, 166, 90, 0.12);
  --wd-danger-bg: rgba(230, 83, 83, 0.10);
  --wd-info-bg: rgba(52, 136, 232, 0.10);
  /* derived: darkened semantic colours that pass 4.5:1 as small text on the surfaces above */
  --wd-danger-text: color-mix(in srgb, var(--wedora-danger) 55%, var(--wedora-text));
  --wd-success-text: color-mix(in srgb, var(--wedora-success) 50%, var(--wedora-text));
}
