@font-face {
    font-family: 'NRL';
    src: url(/fontFiles/rl2-light.woff2) format('woff2'), url(/fontFiles/rl2-light.ttf) format('ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'NRL';
    src: url(/fontFiles/rl2-regular.woff2) format('woff2'), url(/fontFiles/rl2-regular.ttf) format('ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'NRL';
    src: url(/fontFiles/rl2-medium.woff2) format('woff2'), url(/fontFiles/rl2-medium.ttf) format('ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'NRL';
    src: url(/fontFiles/rl2-bold.woff2) format('woff2'), url(/fontFiles/rl2-bold.ttf) format('ttf');
    font-weight: 700;
    font-style: normal;
}

html, body {
  background-color: #000; /* your black */
}

body {
  /* Fill into the iPhone notch / rounded corners */
  padding-top: env(safe-area-inset-top);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #000;
}

.t-broncos {
    --highlight: #f8cc0d;
    --legible-on-highlight: #000;
    --highlight-hover: #fadb56;
    --primary: #6c1d45;
    --secondary: #9e2b64;
    --tint: #521633;
    --tint-rm: #3d0d21;
    --tint-rm-rgb: 61,13,33
}

.t-bulldogs {
    --highlight: #0090f0;
    --legible-on-highlight: #fff;
    --highlight-hover: #4db1f5;
    --primary: #00468b;
    --secondary: #0072bc;
    --tint: #00306f;
    --tint-rm: #001843;
    --tint-rm-rgb: 0,24,67
}

.t-cowboys {
    --highlight: #ffd100;
    --legible-on-highlight: #000;
    --highlight-hover: #ffdf4d;
    --primary: #0c2340;
    --secondary: #22447a;
    --tint: #0c192f;
    --tint-rm: #060d1e;
    --tint-rm-rgb: 6,13,30
}

.t-dragons {
    --highlight: #dedede;
    --legible-on-highlight: #000;
    --highlight-hover: #e8e8e8;
    --primary: #cd232c;
    --secondary: #737373;
    --tint: #a6121c;
    --tint-rm: #1a0303;
    --tint-rm-rgb: 26,3,3
}

.t-dolphins {
    --highlight: #e4cc7a;
    --legible-on-highlight: #000;
    --highlight-hover: #ecdba2;
    --primary: #e0121a;
    --secondary: #72663d;
    --tint: #bd0f16;
    --tint-rm: #0d0101;
    --tint-rm-rgb: 13,1,1
}

.t-eels {
    --highlight: #ffb81c;
    --legible-on-highlight: #000;
    --highlight-hover: #ffcd60;
    --primary: #002d72;
    --secondary: #004cc0;
    --tint: #001b46;
    --tint-rm: #001126;
    --tint-rm-rgb: 0,17,38
}

.t-knights {
    --highlight: #e82c2a;
    --legible-on-highlight: #fff;
    --highlight-hover: #ef6b6a;
    --primary: #003b73;
    --secondary: #1d54a6;
    --tint: #002b5d;
    --tint-rm: #040d1e;
    --tint-rm-rgb: 4,13,30
}

.t-nswrl {
    --highlight: #5daee1;
    --legible-on-highlight: #000;
    --highlight-hover: #8ec6ea;
    --primary: #073671;
    --secondary: #0c61cb;
    --tint: #04275b;
    --tint-rm: #021845;
    --tint-rm-rgb: 2,24,69
}

.t-panthers {
    --highlight: #ccc;
    --legible-on-highlight: #000;
    --highlight-hover: #dbdbdb;
    --primary: #2c2f30;
    --secondary: #767676;
    --tint: #1f2122;
    --tint-rm: #121414;
    --tint-rm-rgb: 18,20,20
}

.t-qrl {
    --highlight: #999b9e;
    --legible-on-highlight: #000;
    --highlight-hover: #b8b9bb;
    --primary: #83003f;
    --secondary: #b80c4b;
    --tint: #60003b;
    --tint-rm: #4b0532;
    --tint-rm-rgb: 75,5,50
}

.t-rabbitohs {
    --highlight: #ec0400;
    --legible-on-highlight: #fff;
    --highlight-hover: #f24f4d;
    --primary: #003b19;
    --secondary: #00702f;
    --tint: #002b11;
    --tint-rm: #001b09;
    --tint-rm-rgb: 0,27,9
}

.t-raiders {
    --highlight: #36ad2d;
    --legible-on-highlight: #000;
    --highlight-hover: #72c66c;
    --primary: #002856;
    --secondary: #23701d;
    --tint: #00162f;
    --tint-rm: #000e1e;
    --tint-rm-rgb: 0,14,30
}

.t-roosters {
    --highlight: #e01f1d;
    --legible-on-highlight: #fff;
    --highlight-hover: #e96261;
    --primary: #0b2d5b;
    --secondary: #1351a3;
    --tint: #072046;
    --tint-rm: #031331;
    --tint-rm-rgb: 3,19,49
}

.t-sea-eagles {
    --highlight: #d0d0ce;
    --legible-on-highlight: #000;
    --highlight-hover: #dededd;
    --primary: #6c1d45;
    --secondary: #c32b77;
    --tint: #500128;
    --tint-rm: #360016;
    --tint-rm-rgb: 54,0,22
}

.t-sharks {
    --highlight: #95d1f2;
    --legible-on-highlight: #000;
    --highlight-hover: #b5dff6;
    --primary: #1f7eb2;
    --secondary: #27a3e6;
    --tint: #15679f;
    --tint-rm: #00345d;
    --tint-rm-rgb: 0,52,93
}

.t-storm {
    --highlight: #fff203;
    --legible-on-highlight: #000;
    --highlight-hover: #fff64f;
    --primary: #592b8c;
    --secondary: #616066;
    --tint: #4f1782;
    --tint-rm: #001641;
    --tint-rm-rgb: 0,22,65
}

.t-titans {
    --highlight: #ffc72c;
    --legible-on-highlight: #000;
    --highlight-hover: #ffd86b;
    --primary: #047db0;
    --secondary: #066390;
    --tint: #084970;
    --tint-rm: #0c2340;
    --tint-rm-rgb: 12,35,64
}

.t-warriors {
    --highlight: #d22630;
    --legible-on-highlight: #fff;
    --highlight-hover: #e0676e;
    --primary: #151f6d;
    --secondary: #00843d;
    --tint: #0e1557;
    --tint-rm: #030635;
    --tint-rm-rgb: 3,6,53
}

.t-wests-tigers {
    --highlight: #f77111;
    --legible-on-highlight: #000;
    --highlight-hover: #f99c58;
    --primary: #262626;
    --secondary: #817e88;
    --tint: #161616;
    --tint-rm: #000;
    --tint-rm-rgb: 0,0,0
}