:root {
--client-name: 'Upper Dublin Junior Athletic Association';
--client-image: url("https://cdn.ottosport.ai/2ztj8leh8ogjz/brand/612fa5b344956dc5bc66738f.1700608072770.png?versionId=rhfdxb13MT58xh8ELeB4Vsh.JdHzM_fs") no-repeat;
--client-avatar: url("https://cdn.ottosport.ai/2ztj8leh8ogjz/brand/client.logo.612fa5b344956dc5bc66738f.1700608034165.png?versionId=ILxUnCMQyIMSlJMyzEG9bs.W9FPk0Kf3") no-repeat;
--client-primary: #303235;
--client-secondary: #972435;
--client-primary-darken: rgb(41, 42, 45);
--client-primary-lighten: rgb(65, 68, 72);
--client-sign-in-primary: #303030;
--client-sign-in-secondary: #494949;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2015-03-24T14:52:59.505Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8f8;
  --color-client-50: #f5f5f5;
  --color-client-100: #e7e8e8;
  --color-client-200: #d3d4d5;
  --color-client-300: #b6b7b9;
  --color-client-400: #8d8f92;
  --color-client-500: #303235;
  --color-client-600: #242629;
  --color-client-700: #191b1d;
  --color-client-800: #0f1012;
  --color-client-900: #090a0b;
  --color-client-950: #030303;
  --color-client-header: #303235;
  --color-client-selected: #4a4c4f;
  --color-client-hover: #4a4c4f;
  --color-client-text: #a2a3a6;
  --color-client-footer: #2c2e30;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.00014460353008604416 258.3527811422497);
  --color-client-50-oklch: oklch(0.97 0.0002892070601720883 258.3527811422497);
  --color-client-100-oklch: oklch(0.93 0.0005784141203441766 258.3527811422497);
  --color-client-200-oklch: oklch(0.87 0.001687041184337182 258.3527811422497);
  --color-client-300-oklch: oklch(0.78 0.0027113161891133284 258.3527811422497);
  --color-client-400-oklch: oklch(0.65 0.004217602960842955 258.3527811422497);
  --color-client-500-oklch: oklch(0.31630650157506085 0.006025147086918507 258.3527811422497);
  --color-client-600-oklch: oklch(0.2688605263388017 0.006025147086918507 258.3527811422497);
  --color-client-700-oklch: oklch(0.22141455110254257 0.005422632378226657 258.3527811422497);
  --color-client-800-oklch: oklch(0.17396857586628348 0.00451886031518888 258.3527811422497);
  --color-client-900-oklch: oklch(0.14233792570877737 0.003615088252151104 258.3527811422497);
  --color-client-950-oklch: oklch(0.09489195047251825 0.0030125735434592535 258.3527811422497);
  --color-client-header-oklch: oklch(0.31630650157506085 0.006025147086918507 258.3527811422497);
  --color-client-selected-oklch: oklch(0.4163065015750609 0.006025147086918507 258.3527811422497);
  --color-client-hover-oklch: oklch(0.4163065015750609 0.005422632378226657 258.3527811422497);
  --color-client-text-oklch: oklch(0.7163065015750609 0.003615088252151104 258.3527811422497);
  --color-client-footer-oklch: oklch(0.3 0.004820117669534806 258.3527811422497);
}

@supports (color: oklch(0 0 0)) {
  :root {
    --color-client-25: var(--color-client-25-oklch);
    --color-client-50: var(--color-client-50-oklch);
    --color-client-100: var(--color-client-100-oklch);
    --color-client-200: var(--color-client-200-oklch);
    --color-client-300: var(--color-client-300-oklch);
    --color-client-400: var(--color-client-400-oklch);
    --color-client-500: var(--color-client-500-oklch);
    --color-client-600: var(--color-client-600-oklch);
    --color-client-700: var(--color-client-700-oklch);
    --color-client-800: var(--color-client-800-oklch);
    --color-client-900: var(--color-client-900-oklch);
    --color-client-950: var(--color-client-950-oklch);
    --color-client-header: var(--color-client-header-oklch);
    --color-client-selected: var(--color-client-selected-oklch);
    --color-client-hover: var(--color-client-hover-oklch);
    --color-client-text: var(--color-client-text-oklch);
    --color-client-footer: var(--color-client-footer-oklch);
  }
}
:root {
  --color-client-secondary-25: #fbf7f7;
  --color-client-secondary-50: #faf3f3;
  --color-client-secondary-100: #f1e4e4;
  --color-client-secondary-200: #efcaca;
  --color-client-secondary-300: #dfa6a7;
  --color-client-secondary-400: #c77477;
  --color-client-secondary-500: #972435;
  --color-client-secondary-600: #800523;
  --color-client-secondary-700: #650016;
  --color-client-secondary-800: #49000b;
  --color-client-secondary-900: #350006;
  --color-client-secondary-950: #1e0001;
  --color-client-secondary-header: #972435;
  --color-client-secondary-selected: #b94550;
  --color-client-secondary-hover: #b34b54;
  --color-client-secondary-text: #ffb7b8;
  --color-client-secondary-footer: #6c1422;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.003598032267175201 17.727265115928127);
  --color-client-secondary-50-oklch: oklch(0.97 0.007196064534350402 17.727265115928127);
  --color-client-secondary-100-oklch: oklch(0.93 0.014392129068700804 17.727265115928127);
  --color-client-secondary-200-oklch: oklch(0.87 0.04197704311704402 17.727265115928127);
  --color-client-secondary-300-oklch: oklch(0.78 0.06746310500953502 17.727265115928127);
  --color-client-secondary-400-oklch: oklch(0.65 0.10494260779261003 17.727265115928127);
  --color-client-secondary-500-oklch: oklch(0.4513923872891322 0.14991801113230005 17.727265115928127);
  --color-client-secondary-600-oklch: oklch(0.3836835291957624 0.14991801113230005 17.727265115928127);
  --color-client-secondary-700-oklch: oklch(0.3159746711023925 0.13492621001907004 17.727265115928127);
  --color-client-secondary-800-oklch: oklch(0.24826581300902276 0.11243850834922503 17.727265115928127);
  --color-client-secondary-900-oklch: oklch(0.2031265742801095 0.08995080667938003 17.727265115928127);
  --color-client-secondary-950-oklch: oklch(0.13541771618673967 0.07495900556615002 17.727265115928127);
  --color-client-secondary-header-oklch: oklch(0.4513923872891322 0.14991801113230005 17.727265115928127);
  --color-client-secondary-selected-oklch: oklch(0.5513923872891322 0.14991801113230005 17.727265115928127);
  --color-client-secondary-hover-oklch: oklch(0.5513923872891322 0.13492621001907004 17.727265115928127);
  --color-client-secondary-text-oklch: oklch(0.8513923872891322 0.08995080667938003 17.727265115928127);
  --color-client-secondary-footer-oklch: oklch(0.35139238728913225 0.11993440890584005 17.727265115928127);
}

@supports (color: oklch(0 0 0)) {
  :root {
    --color-client-secondary-25: var(--color-client-secondary-25-oklch);
    --color-client-secondary-50: var(--color-client-secondary-50-oklch);
    --color-client-secondary-100: var(--color-client-secondary-100-oklch);
    --color-client-secondary-200: var(--color-client-secondary-200-oklch);
    --color-client-secondary-300: var(--color-client-secondary-300-oklch);
    --color-client-secondary-400: var(--color-client-secondary-400-oklch);
    --color-client-secondary-500: var(--color-client-secondary-500-oklch);
    --color-client-secondary-600: var(--color-client-secondary-600-oklch);
    --color-client-secondary-700: var(--color-client-secondary-700-oklch);
    --color-client-secondary-800: var(--color-client-secondary-800-oklch);
    --color-client-secondary-900: var(--color-client-secondary-900-oklch);
    --color-client-secondary-950: var(--color-client-secondary-950-oklch);
    --color-client-secondary-header: var(--color-client-secondary-header-oklch);
    --color-client-secondary-selected: var(--color-client-secondary-selected-oklch);
    --color-client-secondary-hover: var(--color-client-secondary-hover-oklch);
    --color-client-secondary-text: var(--color-client-secondary-text-oklch);
    --color-client-secondary-footer: var(--color-client-secondary-footer-oklch);
  }
}