:root {

  /*CJSTUDIO */
  --cj-red: hsl(0, 76%, 59%);
  --cj-orange: hsl(16, 97%, 61%);
  --cj-yellow: hsl(47, 98%, 64%);
  --cj-green: hsl(59, 47%, 28%);
  --cj-blue: hsl(204, 60%, 76%);
  --cj-purple: hsl(256, 80%, 71%);
  --cj-pink: hsl(298, 100%, 78%);
  --cj-surface-ed: hsl(23, 26%, 63%);
  --cj-surface-d: hsl(23, 29%, 74%);
  --cj-surface: hsl(25, 33%, 87%);
  --cj-surface-l: hsl(34, 35%, 89%);
  --cj-surface-el: hsl(60, 38%, 92%);

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* BRAND */
/* RED */
--red-lv: 0.671;
--red-c: 0.221;
--red-h: 37.8;
--red: oklch(var(--red-lv) var(--red-c) var(--red-h));
--red-t: oklch(var(--red-lv) var(--red-c) var(--red-h) / 0%);
--red-o-5: oklch(var(--red-lv) var(--red-c) var(--red-h) / 6%);
--red-o-4: oklch(var(--red-lv) var(--red-c) var(--red-h) / 12%);
--red-o-3: oklch(var(--red-lv) var(--red-c) var(--red-h) / 30%);
--red-o-2: oklch(var(--red-lv) var(--red-c) var(--red-h) / 55%);
--red-o-1: oklch(var(--red-lv) var(--red-c) var(--red-h) / 90%);

--red-d-lv: 0.354;
--red-d-c: 0.138;
--red-d-h: 28.2;
--red-d: oklch(var(--red-d-lv) var(--red-d-c) var(--red-d-h));

/* PINK */
--pink-lv: 0.776;
--pink-c: 0.210;
--pink-h: 324.8;
--pink: oklch(var(--pink-lv) var(--pink-c) var(--pink-h));
--pink-t: oklch(var(--pink-lv) var(--pink-c) var(--pink-h) / 0%);
--pink-o-5: oklch(var(--pink-lv) var(--pink-c) var(--pink-h) / 6%);
--pink-o-4: oklch(var(--pink-lv) var(--pink-c) var(--pink-h) / 12%);
--pink-o-3: oklch(var(--pink-lv) var(--pink-c) var(--pink-h) / 30%);
--pink-o-2: oklch(var(--pink-lv) var(--pink-c) var(--pink-h) / 55%);
--pink-o-1: oklch(var(--pink-lv) var(--pink-c) var(--pink-h) / 90%);

--pink-d-lv: 0.429;
--pink-d-c: 0.182;
--pink-d-h: 328.2;
--pink-d: oklch(var(--pink-d-lv) var(--pink-d-c) var(--pink-d-h));

/* YELLOW */
--yellow-lv: 0.934;
--yellow-c: 0.173;
--yellow-h: 102.9;
--yellow: oklch(var(--yellow-lv) var(--yellow-c) var(--yellow-h));
--yellow-t: oklch(var(--yellow-lv) var(--yellow-c) var(--yellow-h) / 0%);
--yellow-o-5: oklch(var(--yellow-lv) var(--yellow-c) var(--yellow-h) / 6%);
--yellow-o-4: oklch(var(--yellow-lv) var(--yellow-c) var(--yellow-h) / 12%);
--yellow-o-3: oklch(var(--yellow-lv) var(--yellow-c) var(--yellow-h) / 30%);
--yellow-o-2: oklch(var(--yellow-lv) var(--yellow-c) var(--yellow-h) / 55%);
--yellow-o-1: oklch(var(--yellow-lv) var(--yellow-c) var(--yellow-h) / 90%);

--yellow-d-lv: 0.488;
--yellow-d-c: 0.078;
--yellow-d-h: 108.1;
--yellow-d: oklch(var(--yellow-d-lv) var(--yellow-d-c) var(--yellow-d-h));

/* LIME */
--lime-lv: 0.906;
--lime-c: 0.196;
--lime-h: 132.2;
--lime: oklch(var(--lime-lv) var(--lime-c) var(--lime-h));
--lime-t: oklch(var(--lime-lv) var(--lime-c) var(--lime-h) / 0%);
--lime-o-5: oklch(var(--lime-lv) var(--lime-c) var(--lime-h) / 6%);
--lime-o-4: oklch(var(--lime-lv) var(--lime-c) var(--lime-h) / 12%);
--lime-o-3: oklch(var(--lime-lv) var(--lime-c) var(--lime-h) / 30%);
--lime-o-2: oklch(var(--lime-lv) var(--lime-c) var(--lime-h) / 55%);
--lime-o-1: oklch(var(--lime-lv) var(--lime-c) var(--lime-h) / 90%);

--lime-d-lv: 0.547;
--lime-d-c: 0.126;
--lime-d-h: 155.3;
--lime-d: oklch(var(--lime-d-lv) var(--lime-d-c) var(--lime-d-h));

/* AQUA */
--aqua-lv: 0.753;
--aqua-c: 0.128;
--aqua-h: 242.2;
--aqua: oklch(var(--aqua-lv) var(--aqua-c) var(--aqua-h));
--aqua-t: oklch(var(--aqua-lv) var(--aqua-c) var(--aqua-h) / 0%);
--aqua-o-5: oklch(var(--aqua-lv) var(--aqua-c) var(--aqua-h) / 6%);
--aqua-o-4: oklch(var(--aqua-lv) var(--aqua-c) var(--aqua-h) / 12%);
--aqua-o-3: oklch(var(--aqua-lv) var(--aqua-c) var(--aqua-h) / 30%);
--aqua-o-2: oklch(var(--aqua-lv) var(--aqua-c) var(--aqua-h) / 55%);
--aqua-o-1: oklch(var(--aqua-lv) var(--aqua-c) var(--aqua-h) / 90%);

--aqua-d-lv: 0.486;
--aqua-d-c: 0.237;
--aqua-d-h: 262.9;
--aqua-d: oklch(var(--aqua-d-lv) var(--aqua-d-c) var(--aqua-d-h));
  
/* SAND */
--sand: oklch(0.950 0.006 75.4);      /* F1EEEA */
--sand-d: oklch(0.921 0.009 67.7);    /* E9E4DF */
--sand-ed: oklch(0.911 0.013 63.9);   /* E8E0D9 */

/*–––––––––––––––––––––––––––––––––––––––––*/
  /* DARK — values from Neutral palette (Dark: 151211) */
  --dark-lv: 0.185;
  --dark-c: 0.005;
  --dark-h: 39.4;

  --dark: oklch(var(--dark-lv) var(--dark-c) var(--dark-h));
  --dark-ed: var(--dark-d);
  --dark-d: oklch(0 0 0);                     /* 000000 */
  --dark-l: oklch(0.224 0.003 17.4);          /* 1D1B1B */
  --dark-el: oklch(0.321 0 0);                /* 333333 */

  --dark-t: oklch(var(--dark-lv) var(--dark-c) var(--dark-h) / 0%);
  --dark-o-6: oklch(var(--dark-lv) var(--dark-c) var(--dark-h) / 4%);
  --dark-o-5: oklch(var(--dark-lv) var(--dark-c) var(--dark-h) / 8%);
  --dark-o-4: oklch(var(--dark-lv) var(--dark-c) var(--dark-h) / 16%);
  --dark-o-3: oklch(var(--dark-lv) var(--dark-c) var(--dark-h) / 32%);
  --dark-o-2: oklch(var(--dark-lv) var(--dark-c) var(--dark-h) / 64%);
  --dark-o-1: oklch(var(--dark-lv) var(--dark-c) var(--dark-h) / 90%);
  --dark-t-1: var(--dark-o-1);
  --dark-t-2: var(--dark-o-2);
  --dark-t-3: var(--dark-o-3);
  --dark-t-4: var(--dark-o-4);
  --dark-t-5: var(--dark-o-5);
  

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* LIGHT — values from Neutral palette (Light: FFFFFF) */
  --light-lv: 1;
  --light-c: 0;
  --light-h: 0;

  --light: oklch(var(--light-lv) var(--light-c) var(--light-h));
  --light-ed: var(--light-d);
  --light-d: oklch(0.970 0 0);                /* F5F5F5 */

  --light-t: oklch(var(--light-lv) var(--light-c) var(--light-h) / 0%);
  --light-o-6: oklch(var(--light-lv) var(--light-c) var(--light-h) / 4%);
  --light-o-5: oklch(var(--light-lv) var(--light-c) var(--light-h) / 8%);
  --light-o-4: oklch(var(--light-lv) var(--light-c) var(--light-h) / 16%);
  --light-o-3: oklch(var(--light-lv) var(--light-c) var(--light-h) / 32%);
  --light-o-2: oklch(var(--light-lv) var(--light-c) var(--light-h) / 64%);
  --light-o-1: oklch(var(--light-lv) var(--light-c) var(--light-h) / 90%);
  --light-t-1: var(--light-o-1);
  --light-t-2: var(--light-o-2);
  --light-t-3: var(--light-o-3);
  --light-t-4: var(--light-o-4);
  --light-t-5: var(--light-o-5);
  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* NEUTRAL */
  --neutral-ed: oklch(0.460 0 0);             /* 585858 */
  --neutral-d: oklch(0.538 0 0);              /* 6E6E6E */
  --neutral: oklch(0.657 0 0);                /* 919191 */
  --neutral-l: oklch(0.916 0 0);              /* E3E3E3 */
  --neutral-el: oklch(0.943 0 0);             /* ECECEC */

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* OPACITY (interaction) */
  --opacity-light: var(--dark-t-2);
  --opacity-light-hover: var(--dark-t-3);
  --opacity-light-active: var(--dark-t-1);
  --opacity-light-inactive: var(--dark-t-4);

  --opacity-dark: var(--light-t-2);
  --opacity-dark-hover: var(--light-t-3);
  --opacity-dark-active: var(--light-t-1);
  --opacity-dark-inactive: var(--light-t-4);

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* PRIMARY — Orange (framework scale; roots referenced --primary for UI chrome) */
  --primary-lv: var(--red-lv);
  --primary-c: var(--red-c);
  --primary-h: var(--red-h);

  --primary-d: var(--red-d);
  --primary: var(--red);
  --primary-l: var(--red);

  --primary-t: var(--red-t);
  --primary-o-1: var(--red-o-1);
  --primary-o-2: var(--red-o-2);
  --primary-o-3: var(--red-o-3);
  --primary-o-4: var(--red-o-4);
  --primary-o-5: var(--red-o-5);

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* SECONDARY — Yellow */
  /* --secondary-lv: 0.95;
  --secondary-c: 0.19;
  --secondary-h: 97;

  --secondary-ed: oklch(0.22 0.08 var(--secondary-h));
  --secondary-d: oklch(0.55 0.17 var(--secondary-h));
  --secondary: oklch(var(--secondary-lv) var(--secondary-c) var(--secondary-h));
  --secondary-l: oklch(0.97 0.09 var(--secondary-h));
  --secondary-el: oklch(0.99 0.04 var(--secondary-h));

  --secondary-t: oklch(var(--secondary-lv) var(--secondary-c) var(--secondary-h) / 0);
  --secondary-o-1: oklch(var(--secondary-lv) var(--secondary-c) var(--secondary-h) / 0.1);
  --secondary-o-2: oklch(var(--secondary-lv) var(--secondary-c) var(--secondary-h) / 0.2);
  --secondary-o-3: oklch(var(--secondary-lv) var(--secondary-c) var(--secondary-h) / 0.4);
  --secondary-o-4: oklch(var(--secondary-lv) var(--secondary-c) var(--secondary-h) / 0.6);
  --secondary-o-5: oklch(var(--secondary-lv) var(--secondary-c) var(--secondary-h) / 0.8); */

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* ACCENT 01 (Purple) */
  /* --accent01-lv: 0.65;
  --accent01-c: 0.27;
  --accent01-h: 303;

  --accent01-ed: oklch(0.25 0.15 var(--accent01-h));
  --accent01-d: oklch(0.35 0.18 var(--accent01-h));
  --accent01: oklch(var(--accent01-lv) var(--accent01-c) var(--accent01-h));
  --accent01-l: oklch(0.78 0.20 var(--accent01-h));
  --accent01-el: oklch(0.93 0.08 var(--accent01-h));

  --accent01-t: oklch(var(--accent01-lv) var(--accent01-c) var(--accent01-h) / 0);
  --accent01-o: oklch(var(--accent01-lv) var(--accent01-c) var(--accent01-h) / 0.15);
  --accent01-o-1: oklch(var(--accent01-lv) var(--accent01-c) var(--accent01-h) / 0.1);
  --accent01-o-2: oklch(var(--accent01-lv) var(--accent01-c) var(--accent01-h) / 0.2);
  --accent01-o-3: oklch(var(--accent01-lv) var(--accent01-c) var(--accent01-h) / 0.4);
  --accent01-o-4: oklch(var(--accent01-lv) var(--accent01-c) var(--accent01-h) / 0.6);
  --accent01-o-5: oklch(var(--accent01-lv) var(--accent01-c) var(--accent01-h) / 0.8); */

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* ACCENT 02 (Green) */
  /* --accent02-lv: 0.55;
  --accent02-c: 0.18;
  --accent02-h: 145;

  --accent02-ed: oklch(0.25 0.10 var(--accent02-h));
  --accent02-d: oklch(0.38 0.12 var(--accent02-h));
  --accent02: oklch(var(--accent02-lv) var(--accent02-c) var(--accent02-h));
  --accent02-l: oklch(0.85 0.10 var(--accent02-h));
  --accent02-el: oklch(0.94 0.05 var(--accent02-h));

  --accent02-t: oklch(var(--accent02-lv) var(--accent02-c) var(--accent02-h) / 0);
  --accent02-o: oklch(var(--accent02-lv) var(--accent02-c) var(--accent02-h) / 0.15);
  --accent02-o-1: oklch(var(--accent02-lv) var(--accent02-c) var(--accent02-h) / 0.1);
  --accent02-o-2: oklch(var(--accent02-lv) var(--accent02-c) var(--accent02-h) / 0.2);
  --accent02-o-3: oklch(var(--accent02-lv) var(--accent02-c) var(--accent02-h) / 0.4);
  --accent02-o-4: oklch(var(--accent02-lv) var(--accent02-c) var(--accent02-h) / 0.6);
  --accent02-o-5: oklch(var(--accent02-lv) var(--accent02-c) var(--accent02-h) / 0.8); */

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* ACCENT 03 (Yellow/Lime) */
  /* --accent03-lv: 0.83;
  --accent03-c: 0.18;
  --accent03-h: 110;

  --accent03-ed: oklch(0.30 0.10 var(--accent03-h));
  --accent03-d: oklch(0.38 0.12 var(--accent03-h));
  --accent03: oklch(var(--accent03-lv) var(--accent03-c) var(--accent03-h));
  --accent03-l: oklch(0.89 0.12 var(--accent03-h));
  --accent03-el: oklch(0.96 0.06 var(--accent03-h));

  --accent03-t: oklch(var(--accent03-lv) var(--accent03-c) var(--accent03-h) / 0);
  --accent03-o: oklch(var(--accent03-lv) var(--accent03-c) var(--accent03-h) / 0.15);
  --accent03-o-1: oklch(var(--accent03-lv) var(--accent03-c) var(--accent03-h) / 0.1);
  --accent03-o-2: oklch(var(--accent03-lv) var(--accent03-c) var(--accent03-h) / 0.2);
  --accent03-o-3: oklch(var(--accent03-lv) var(--accent03-c) var(--accent03-h) / 0.4);
  --accent03-o-4: oklch(var(--accent03-lv) var(--accent03-c) var(--accent03-h) / 0.6);
  --accent03-o-5: oklch(var(--accent03-lv) var(--accent03-c) var(--accent03-h) / 0.8); */

  /*–––––––––––––––––––––––––––––––––––––––––*/
  /* CORE — ERROR / SUCCESS / MUTED */
  --core-error-lv: 0.55;
  --core-error-c: 0.20;
  --core-error-h: 30;

  --core-error-d: oklch(0.45 0.18 var(--core-error-h));
  --core-error: oklch(var(--core-error-lv) var(--core-error-c) var(--core-error-h));
  --core-error-l: oklch(0.94 0.03 var(--core-error-h));
  --core-error-body: oklch(1 0 0);

  --core-success-lv: 0.75;
  --core-success-c: 0.18;
  --core-success-h: 155;

  --core-success-d: oklch(0.60 0.10 var(--core-success-h));
  --core-success: oklch(var(--core-success-lv) var(--core-success-c) var(--core-success-h));
  --core-success-l: oklch(0.93 0.05 var(--core-success-h));
  --core-success-body: oklch(0.30 0.08 130);

  --core-info-lv: 0.753;
  --core-info-c: 0.128;
  --core-info-h: 242.2;

  --core-info-d: oklch(0.486 0.237 262.9);
  --core-info: oklch(var(--core-info-lv) var(--core-info-c) var(--core-info-h));
  --core-info-l: oklch(0.94 0.03 var(--core-info-h));
  --core-info-body: oklch(0.30 0.08 var(--core-info-h));

  --core-muted-lv: 0.87;
  --core-muted-c: 0;
  --core-muted-h: 0;

  --core-muted-d: oklch(0.62 var(--core-muted-c) var(--core-muted-h));
  --core-muted: oklch(var(--core-muted-lv) var(--core-muted-c) var(--core-muted-h));
  --core-muted-l: oklch(0.94 var(--core-muted-c) var(--core-muted-h));
  --core-muted-body: oklch(0.42 var(--core-muted-c) var(--core-muted-h));
}