/* Color styles */
$surface: rgba(0, 0, 0, 1);

$on-surface-disabled: rgba(255, 255, 255, 0.6499999761581421);
$on-surface-link: rgba(56, 146, 235, 1);
$on-surface-high-emph: rgba(255, 255, 255, 1);
$on-surface-med-emph-light: rgba(255, 255, 255, 0.6000000238418579);
$on-surface-med-emph-bold: rgba(255, 255, 255, 0.44999998807907104);

$elevation-zero-base: rgba(255, 255, 255, 1);
$elevation-minus1-area: rgba(247, 247, 247, 1);
$elevation-minus2-field: rgba(237, 237, 237, 1);
$elevation-minus3-field-selection: rgba(225, 225, 225, 1);
$elevation-minus8-indent: rgba(151, 151, 151, 1);
$elevation-minus10-indent: rgba(114, 114, 114, 1);
$elevation-minus70-field-selected: rgba(64, 64, 64, 1);
$elevation-minus80-panel: rgba(24, 24, 24, 1);

$on-elevation-disabled: rgba(0, 0, 0, 0.6499999761581421);
$on-elevation-link: rgba(56, 146, 235, 1);
$on-elevation-high-emph: rgba(0, 0, 0, 1);
$on-elevation-med-emph-light: rgba(0, 0, 0, 0.6000000238418579);
$on-elevation-med-emph-bold: rgba(0, 0, 0, 0.44999998807907104);

$primary-plus3: rgba(225, 239, 250, 1);
$primary-plus2: rgba(188, 220, 249, 1);
$primary-plus1: rgba(106, 177, 241, 1);
$primary-zero: rgba(56, 146, 235, 1);
$primary-minus1: rgba(52, 132, 221, 1);
$primary-minus2: rgba(47, 114, 202, 1);
$primary-minus3: rgba(42, 97, 184, 1);
$primary-minus4: rgba(34, 67, 152, 1);

$on-primary-disabled: rgba(255, 255, 255, 0.6499999761581421);
$on-primary-high-emph: rgba(255, 255, 255, 1);
$on-primary-med-emph-light: rgba(255, 255, 255, 0.6000000238418579);
$on-primary-med-emph-bold: rgba(255, 255, 255, 0.44999998807907104);

$secondary-plus3: rgba(238, 226, 250, 1);
$secondary-plus2: rgba(207, 175, 248, 1);
$secondary-plus1: rgba(176, 119, 248, 1);
$secondary-zero: rgba(152, 73, 249, 1);
$secondary-minus1: rgba(130, 20, 245, 1);
$secondary-minus2: rgba(118, 12, 239, 1);
$secondary-minus3: rgba(101, 0, 231, 1);
$secondary-minus4: rgba(84, 0, 226, 1);

$on-secondary-disabled: rgba(255, 255, 255, 0.6499999761581421);
$on-secondary-high-emph: rgba(255, 255, 255, 1);
$on-secondary-med-emph-light: rgba(255, 255, 255, 0.6000000238418579);
$on-secondary-med-emph-bold: rgba(255, 255, 255, 0.44999998807907104);

$backdrop: rgba(0, 0, 0, 0.7200000286102295);

$success-plus3-field: rgba(225, 250, 244, 1);
$success-plus1-on-surface: rgba(64, 222, 182, 1);
$success-zero-base: rgba(0, 205, 154, 1);
$warning-plus3-field: rgba(250, 244, 226, 1);
$warning-plus1-on-surface: rgba(255, 231, 17, 1);
$warning-zero-base: rgba(253, 187, 0, 1);
$error-plus3-field: rgba(250, 226, 228, 1);
$error-plus1-on-surface: rgba(252, 48, 52, 1);
$error-zero-base: rgba(237, 35, 51, 1);

$functional-a: rgba(255, 142, 36, 1);
$functional-b: rgba(56, 146, 235, 1);
$functional-c: rgba(158, 242, 41, 1);
$functional-d: rgba(159, 96, 239, 1);
$functional-e: rgba(250, 55, 110, 1);

$develop-opaque: rgba(250, 55, 110, 1);
$develop-element: rgba(250, 55, 110, 0.6);
$development-area: rgba(250, 55, 110, 0.25);

/* Effect styles */
$shadow-plus10-header:  0px 2px 9px rgba(0, 0, 0, 0.5);
$shadow-plus1-expanded:  0px 3px 4px rgba(0, 0, 0, 0.5);
$shadow-zero-base:  0px 3px 3px rgba(0, 0, 0, 0.5);

/* Grid styles */
$grid-side: 94px;
$grid-column-gutter: 24px;

// /* Class implementations */
// .on-surface-disabled {
//   color: $on-surface-disabled;
// }
// .on-elevation-high-emph {
//   color: $on-elevation-high-emph;
// }
// .on-elevation-med-emph-light {
//   color: $on-elevation-med-emph-light;
// }
// .on-elevation-med-emph-bold {
//   color: $on-elevation-med-emph-bold;
// }
// .on-primary-disabled {
//   color: $on-primary-disabled;
// }
// .on-primary-high-emph {
//   color: $on-primary-high-emph;
// }
// .on-primary-med-emph-light {
//   color: $on-primary-med-emph-light;
// }
// .on-primary-med-emph-bold {
//   color: $on-primary-med-emph-bold;
// }
// .on-secondary-disabled {
//   color: $on-secondary-disabled;
// }
// .on-secondary-high-emph {
//   color: $on-secondary-high-emph;
// }
// .on-secondary-med-emph-light {
//   color: $on-secondary-med-emph-light;
// }
// .on-secondary-med-emph-bold {
//   color: $on-secondary-med-emph-bold;
// }