:root {
  --navy-rgb: 23, 35, 60;
  --navy: rgb(var(--navy-rgb));
  --navy-light: #243456;
  --navy-dark: #101a2d;
  --navy-deep-rgb: 11, 17, 30;
  --blue-light-rgb: 64, 100, 165;

  --copper-rgb: 161, 91, 66;
  --copper: rgb(var(--copper-rgb));
  --copper-dark: #884b36;
  --copper-deep: #7a4230;
  --copper-text: #8b4b35;
  --copper-light: #e6b591;

  --cream-rgb: 254, 231, 203;
  --cream: rgb(var(--cream-rgb));
  --cream-dark: #f3d3aa;
  --cream-deep: #edc79c;

  --white-rgb: 255, 255, 255;
  --white: rgb(var(--white-rgb));
  --white-off: #fcfcfc;
  --grey-light-rgb: 245, 245, 245;
  --grey-light: rgb(var(--grey-light-rgb));
  --black-rgb: 0, 0, 0;
  --black: rgb(var(--black-rgb));
  --image-bg: #f1f0ec;

  --text-muted: #554d47;
  --text-subtle: #736860;
  --text-disabled: #93877d;
  --text-on-dark: #e4e7ed;
  --text-on-dark-soft: #c1c9d5;

  --line: #e7e5df;
  --line-strong: #dedbd5;
  --line-warm: #d8c5bb;
  --line-on-dark: #536078;

  --field: #f4efe8;
  --field-hover: #efe7dc;
  --disabled-field: #efece8;
  --disabled-area: #e2ded9;
  --disabled-icon: #c9c3bb;

  --error: #b00020;
  --error-bg: #fdf3f4;
  --error-muted: #9d3529;
  --success: #008b00;

  --notice-success-text: #225f41;
  --notice-success-bg: #e9f3ed;
  --notice-success-border: #a3c5b6;
  --notice-error-text: #863820;
  --notice-error-bg: #fff1ed;
  --notice-error-border: #d8a699;

  --status-draft-text: #665d4b;
  --status-draft-bg: #ece8e1;
  --status-published-text: #2d6440;
  --status-published-bg: #e6f1e9;
  --status-archived-text: #616977;
  --status-archived-bg: #e9ebee;

  --video-dark: #0f0f0f;

  --shadow-card: 0 0 0 1px rgba(var(--navy-rgb), 0.08), 0 2px 8px -3px rgba(var(--navy-rgb), 0.2);
  --shadow-card-hover:
    0 0 0 1px rgba(var(--navy-rgb), 0.14), 0 4px 14px -4px rgba(var(--navy-rgb), 0.26);

  --focus-ring: 0 0 0 2px var(--copper), 0 0 0 6px rgba(var(--copper-rgb), 0.2);
}