:root {
  --cjf-color-primary: #800040;
  --cjf-color-primary-hover: #671337;
  --cjf-color-primary-soft: rgba(128, 0, 64, 0.08);
  --cjf-color-surface: #ffffff;
  --cjf-color-surface-muted: #f8fafc;
  --cjf-color-text: #212529;
  --cjf-color-text-muted: #6c757d;
  --cjf-color-text-soft: #64748b;
  --cjf-color-border: #ced4da;
  --cjf-color-border-subtle: #e4e7ec;
  --cjf-color-focus-ring: rgba(128, 0, 64, 0.12);
  --cjf-color-danger: #dc3545;
  --cjf-color-danger-hover: #b91c1c;
  --cjf-color-danger-soft: #fef2f2;
  --cjf-color-warning: #ca8a04;
  --cjf-color-warning-soft: #fff8eb;
  --cjf-color-warning-border: rgba(217, 119, 6, 0.24);
  --cjf-color-on-warning: #8a4b00;
  --cjf-color-success: #198754;
  --cjf-color-overlay-dark: rgba(15, 23, 42, 0.48);

  /* neutral */
  --cjf-color-neutral-01: #000000;
  --cjf-color-neutral-02: #111111;

  /* slate */
  --cjf-color-slate-01: #0f172a;
  --cjf-color-slate-03: #1f2d3d;
  --cjf-color-slate-04: #334155;
  --cjf-color-slate-06: #2f4c86;
  --cjf-color-slate-07: #495057;
  --cjf-color-slate-09: #475467;
  --cjf-color-slate-10: #3f5f9d;
  --cjf-color-slate-11: #516071;
  --cjf-color-slate-14: #667085;
  --cjf-color-slate-15: #7a8794;
  --cjf-color-slate-16: #6b87d3;
  --cjf-color-slate-17: #8b949e;
  --cjf-color-slate-18: #94a3b8;
  --cjf-color-slate-20: #adb5bd;
  --cjf-color-slate-21: #aebdd2;
  --cjf-color-slate-22: #b8c2cc;
  --cjf-color-slate-23: #c5ced8;
  --cjf-color-slate-25: #d8dee5;

  /* red */
  --cjf-color-red-01: #9f1239;
  --cjf-color-red-02: #8d1d18;
  --cjf-color-red-03: #991b1b;
  --cjf-color-red-04: #842029;
  --cjf-color-red-05: #b42318;
  --cjf-color-red-06: #9c2f2f;
  --cjf-color-red-07: #b02a37;
  --cjf-color-red-08: #bb2d3b;
  --cjf-color-red-09: #dc2626;
  --cjf-color-red-10: #c53030;
  --cjf-color-red-11: #e99690;
  --cjf-color-red-12: #f2b8b5;
  --cjf-color-red-13: #f2c7c1;
  --cjf-color-red-14: #f8d7da;

  /* amber */
  --cjf-color-amber-01: #9a3412;
  --cjf-color-amber-02: #92400e;
  --cjf-color-amber-03: #7a4b00;
  --cjf-color-amber-04: #8a5a12;
  --cjf-color-amber-05: #b55412;
  --cjf-color-amber-06: #f76707;
  --cjf-color-amber-07: #b08b00;
  --cjf-color-amber-08: #fd7e14;
  --cjf-color-amber-09: #d39e00;
  --cjf-color-amber-10: #c49a6c;
  --cjf-color-amber-11: #d4a017;
  --cjf-color-amber-12: #f59f00;
  --cjf-color-amber-13: #f0b34a;
  --cjf-color-amber-14: #f0c419;
  --cjf-color-amber-15: #fdba74;
  --cjf-color-amber-16: #f4dfb5;
  --cjf-color-amber-17: #fff1d1;

  /* green */
  --cjf-color-green-01: #14532d;
  --cjf-color-green-02: #166534;
  --cjf-color-green-03: #1f6b3b;
  --cjf-color-green-04: #157347;
  --cjf-color-green-05: #027a48;
  --cjf-color-green-06: #20803f;
  --cjf-color-green-07: #12b886;
  --cjf-color-green-08: #22c55e;
  --cjf-color-green-09: #20c997;
  --cjf-color-green-10: #cdebd7;
  --cjf-color-green-11: #ecfdf3;

  /* cyan */
  --cjf-color-cyan-01: #0f4f70;
  --cjf-color-cyan-02: #2dd4bf;

  /* blue */
  --cjf-color-blue-01: #3538cd;
  --cjf-color-blue-02: #0b5ed7;
  --cjf-color-blue-03: #2563eb;
  --cjf-color-blue-04: #0d6efd;
  --cjf-color-blue-05: #2f80ed;
  --cjf-color-blue-07: #6f8fd9;
  --cjf-color-blue-08: #86b7fe;

  /* violet */
  --cjf-color-violet-01: #7a1fa2;
  --cjf-color-violet-02: #6f42c1;
  --cjf-color-violet-03: #dfc8ff;

  /* neutral alpha */
  --cjf-color-neutral-alpha-01: rgba(0, 0, 0, 0.04);
  --cjf-color-neutral-alpha-02: rgba(108, 117, 125, 0.07);
  --cjf-color-neutral-alpha-03: rgba(0, 0, 0, 0.08);
  --cjf-color-neutral-alpha-04: rgba(0, 0, 0, 0.12);
  --cjf-color-neutral-alpha-05: rgba(108, 117, 125, 0.12);
  --cjf-color-neutral-alpha-06: rgba(255, 255, 255, 0.14);
  --cjf-color-neutral-alpha-07: rgba(0, 0, 0, 0.18);
  --cjf-color-neutral-alpha-08: rgba(255, 255, 255, 0.2);
  --cjf-color-neutral-alpha-09: rgba(255, 255, 255, 0.24);
  --cjf-color-neutral-alpha-10: rgba(0, 0, 0, 0.25);
  --cjf-color-neutral-alpha-11: rgba(0, 0, 0, 0.45);
  --cjf-color-neutral-alpha-12: rgba(108, 117, 125, 0.45);
  --cjf-color-neutral-alpha-13: rgba(0, 0, 0, 0.5);
  --cjf-color-neutral-alpha-14: rgba(108, 117, 125, 0.7);
  --cjf-color-neutral-alpha-15: rgba(255, 255, 255, 0.7);
  --cjf-color-neutral-alpha-16: rgba(255, 255, 255, 0.75);
  --cjf-color-neutral-alpha-17: rgba(255, 255, 255, 0.8);
  --cjf-color-neutral-alpha-18: rgba(255, 255, 255, 0.85);
  --cjf-color-neutral-alpha-19: rgba(255, 255, 255, 0.88);
  --cjf-color-neutral-alpha-20: rgba(255, 255, 255, 0.92);
  --cjf-color-neutral-alpha-21: rgba(255, 255, 255, 0.96);

  /* slate alpha */
  --cjf-color-slate-alpha-04: rgba(15, 23, 42, 0.08);
  --cjf-color-slate-alpha-08: rgba(15, 23, 42, 0.14);
  --cjf-color-slate-alpha-11: rgba(15, 23, 42, 0.18);
  --cjf-color-slate-alpha-12: rgba(116, 124, 137, 0.18);
  --cjf-color-slate-alpha-13: rgba(148, 163, 184, 0.2);
  --cjf-color-slate-alpha-17: rgba(15, 23, 42, 0.28);
  --cjf-color-slate-alpha-18: rgba(116, 124, 137, 0.28);
  --cjf-color-slate-alpha-19: rgba(148, 163, 184, 0.28);
  --cjf-color-slate-alpha-24: rgba(148, 163, 184, 0.42);
  --cjf-color-slate-alpha-32: rgba(226, 232, 240, 0.8);
  --cjf-color-slate-alpha-34: rgba(248, 250, 252, 0.92);

  /* brand alpha */
  --cjf-color-brand-alpha-01: rgba(128, 0, 64, 0.06);
  --cjf-color-brand-alpha-03: rgba(200, 30, 120, 0.12);
  --cjf-color-brand-alpha-04: rgba(128, 0, 64, 0.16);
  --cjf-color-brand-alpha-09: rgba(128, 0, 64, 0.28);
  --cjf-color-brand-alpha-10: rgba(128, 0, 64, 0.35);
  --cjf-color-brand-alpha-12: rgba(128, 0, 64, 0.55);

  /* red alpha */
  --cjf-color-red-alpha-01: rgba(220, 53, 69, 0.08);
  --cjf-color-red-alpha-02: rgba(180, 35, 24, 0.12);
  --cjf-color-red-alpha-03: rgba(225, 29, 72, 0.2);
  --cjf-color-red-alpha-04: rgba(220, 38, 38, 0.2);

  /* amber alpha */
  --cjf-color-amber-alpha-01: rgba(253, 126, 20, 0.08);
  --cjf-color-amber-alpha-02: rgba(255, 193, 7, 0.09);
  --cjf-color-amber-alpha-03: rgba(176, 139, 0, 0.12);
  --cjf-color-amber-alpha-04: rgba(240, 196, 25, 0.12);
  --cjf-color-amber-alpha-05: rgba(253, 126, 20, 0.14);
  --cjf-color-amber-alpha-06: rgba(255, 193, 7, 0.16);
  --cjf-color-amber-alpha-07: rgba(217, 119, 6, 0.2);
  --cjf-color-amber-alpha-08: rgba(240, 196, 25, 0.2);
  --cjf-color-amber-alpha-09: rgba(253, 126, 20, 0.42);
  --cjf-color-amber-alpha-10: rgba(240, 179, 74, 0.45);
  --cjf-color-amber-alpha-11: rgba(255, 193, 7, 0.5);
  --cjf-color-amber-alpha-12: rgba(253, 126, 20, 0.7);
  --cjf-color-amber-alpha-13: rgba(255, 193, 7, 0.75);

  /* yellow alpha */
  --cjf-color-yellow-alpha-01: rgba(255, 230, 0, 0.55);

  /* green alpha */
  --cjf-color-green-alpha-01: rgba(25, 199, 111, 0.07);
  --cjf-color-green-alpha-02: rgba(32, 201, 151, 0.07);
  --cjf-color-green-alpha-03: rgba(34, 197, 94, 0.12);
  --cjf-color-green-alpha-04: rgba(25, 199, 111, 0.13);
  --cjf-color-green-alpha-05: rgba(32, 201, 151, 0.13);
  --cjf-color-green-alpha-06: rgba(22, 163, 74, 0.22);
  --cjf-color-green-alpha-07: rgba(34, 197, 94, 0.24);
  --cjf-color-green-alpha-08: rgba(25, 199, 111, 0.45);
  --cjf-color-green-alpha-09: rgba(32, 201, 151, 0.45);
  --cjf-color-green-alpha-10: rgba(25, 199, 111, 0.7);
  --cjf-color-green-alpha-11: rgba(32, 201, 151, 0.72);

  /* cyan alpha */
  --cjf-color-cyan-alpha-01: rgba(15, 118, 110, 0.08);
  --cjf-color-cyan-alpha-02: rgba(14, 116, 144, 0.18);

  /* blue alpha */
  --cjf-color-blue-alpha-01: rgba(0, 98, 255, 0.07);
  --cjf-color-blue-alpha-02: rgba(13, 110, 253, 0.08);
  --cjf-color-blue-alpha-03: rgba(13, 110, 253, 0.12);
  --cjf-color-blue-alpha-04: rgba(47, 128, 237, 0.14);
  --cjf-color-blue-alpha-05: rgba(13, 110, 253, 0.16);
  --cjf-color-blue-alpha-06: rgba(13, 110, 253, 0.25);
  --cjf-color-blue-alpha-07: rgba(13, 110, 253, 0.45);
  --cjf-color-blue-alpha-08: rgba(13, 110, 253, 0.55);
  --cjf-color-blue-alpha-09: rgba(13, 110, 253, 0.7);

  /* violet alpha */
  --cjf-color-violet-alpha-01: rgba(111, 66, 193, 0.07);
  --cjf-color-violet-alpha-02: rgba(87, 17, 101, 0.12);
  --cjf-color-violet-alpha-03: rgba(111, 66, 193, 0.13);
  --cjf-color-violet-alpha-04: rgba(111, 66, 193, 0.42);
  --cjf-color-violet-alpha-05: rgba(111, 66, 193, 0.68);
}