/*
  RMB skin-driven theme tokens.
  RMB currently supports dark mode only.
*/

:root[data-skin="rmb"],
:root[data-skin="rmb"][data-theme="dark"],
:root[data-skin="rmb"][data-theme="light"],
html[data-skin="rmb"],
body[data-skin="rmb"] {
  --background: #121212;
  --foreground: #121212;
  --paper: #1E1E1E;
  --paper-rgb: 33, 33, 33;
  --ink: #FFFFFF;
  --ink-rgb: 255, 255, 255;
  --glass: rgba(255, 255, 255, 0);
  --universal: #949494;
  --page: #121212;
  --icon-container: #D3DCDC;
  --highlight: #F4791F;
  --error: #BA1D1B;
  --success: #82D395;

  --action-super-light: #FFE7D7;
  --action-ultra-light: #FBC9A5;
  --action-extra-light: #F8AF79;
  --action-light: #F6944C;
  --action-base: #FA791F;
  --action-dark: #C36119;
  --action-extra-dark: #924913;
  --action-ultra-dark: #62300C;

  --primary-super-light: #B0D8D8;
  --primary-ultra-light: #85CCCC;
  --primary-extra-light: #5FC1C1;
  --primary-light: #33ADAD;
  --primary-base: #009999;
  --primary-dark: #007A7A;
  --primary-extra-dark: #005C5C;
  --primary-ultra-dark: #193435;

  --ghost-super-light: #E9E9E9;
  --ghost-ultra-light: #BEC3C3;
  --ghost-extra-light: #A9AFB0;
  --ghost-light: #8C9495;
  --ghost-base: #6F797B;
  --ghost-dark: #40484A;
  --ghost-extra-dark: #383D3E;
  --ghost-ultra-dark: #202124;

  --base: var(--action-base);

  /* RMB radius profile: 2px smaller than FNB, except button radius. */
  --radius-none: 0px;
  --radius-sm: 0px;
  --radius: 2px;
  --radius-5: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-10: 8px;
  --radius-xl: 10px;
  --radius-14: 12px;
  --radius-15: 13px;
  --radius-2xl: 14px;
  --radius-18: 16px;
  --radius-20: 18px;
  --radius-3xl: 22px;
  --radius-25: 23px;
  --radius-26: 24px;
  --radius-full: 9999px;
  --radius-template: 10px;
  --radius-component: 10px;
  --radius-button: 4px;
}