/* public/assets/test/css/theme-tokens.css */
:root {
  --fm-brand-yellow: #f7cd52;
  --fm-brand-yellow-light: #ffe08a;
  --fm-brand-yellow-deep: #d9a927;
  --fm-brand-yellow-soft: #fff7df;
  --fm-brand-yellow-wash: #fffdf5;
  --fm-brand-yellow-ink: #6f5200;
  --fm-brand-yellow-rgb: 247, 205, 82;
  --fm-brand-yellow-light-rgb: 255, 224, 138;
  --fm-brand-yellow-deep-rgb: 217, 169, 39;
  --fm-brand-yellow-soft-rgb: 255, 247, 223;
  --fm-brand-yellow-wash-rgb: 255, 253, 245;

  --fm-brand-primary: var(--fm-brand-yellow);
  --fm-brand-primary-hover: var(--fm-brand-yellow-light);
  --fm-brand-primary-active: var(--fm-brand-yellow-deep);
  --fm-brand-primary-soft: var(--fm-brand-yellow-soft);
  --fm-brand-primary-wash: var(--fm-brand-yellow-wash);
  --fm-brand-primary-ink: var(--fm-brand-yellow-ink);

  --fm-brand-gradient: linear-gradient(
    135deg,
    var(--fm-brand-yellow-light) 0%,
    var(--fm-brand-yellow) 58%,
    var(--fm-brand-yellow-deep) 100%
  );
  --fm-brand-gradient-vertical: linear-gradient(
    180deg,
    var(--fm-brand-yellow-light) 0%,
    var(--fm-brand-yellow) 100%
  );
  --fm-brand-ring: rgba(var(--fm-brand-yellow-rgb), .22);
  --fm-brand-shadow: rgba(var(--fm-brand-yellow-rgb), .24);
  --fm-brand-line: rgba(var(--fm-brand-yellow-rgb), .36);

  --ck3-accent: var(--fm-brand-yellow);
  --ck3-accent-deep: var(--fm-brand-yellow-deep);
  --ck3-accent-soft: var(--fm-brand-yellow-soft);
  --mco-primary: var(--fm-brand-yellow);
  --mco-primary-2: var(--fm-brand-yellow-light);
  --mco-primary-3: var(--fm-brand-yellow-deep);
  --gsv2-yellow: var(--fm-brand-yellow);
  --fm-yellow: var(--fm-brand-yellow);
  --fm-orange: var(--fm-brand-yellow);
}