@import '../fonts/fonts.css';

:root{
  --dice-color-ability: #499B47;
  --dice-color-boost: #A2D2E9;
  --dice-color-challenge: #D2263F;
  --dice-color-difficulty: #532D7F;
  --dice-color-force: #FFFFFF;
  --dice-color-proficiency: #F9EA2F;
  --dice-color-setback: #0E0E0E;

  --color-box-eote: #455052;
  --color-box-heading-eote: #B3A48D;
  --color-bulletpoint-eote: #741213;
  --color-heading-1-eote: #52644A;
  --color-heading-2-eote: #741213;
  --color-heading-3-eote: #886D26;
  --color-heading-4-eote: #741213;
  --color-statblock-background-eote: #AEA08A;
  --color-statblock-ornate-eote: #3F6933;
  --color-statblock-textbackground-eote: #63040A;
  --color-statblock-thresholdbackground-eote: #001450;
  --color-box-fad: #32362B;
  --color-box-heading-fad: #BFD1C9;
  --color-bulletpoint-fad: #4AD9FF;
  --color-heading-1-fad: #62060D;
  --color-heading-2-fad: #9F8E15;
  --color-heading-3-fad: #259EAA;
  --color-heading-4-fad: #62060D;
  --color-statblock-background-fad: #BE8B3E;
  --color-statblock-ornate-fad: #1E3958;
  --color-statblock-textbackground-fad: #85C4A6;
  --color-statblock-thresholdbackground-fad: #3C6735;
  --color-box-core: #1B3147;
  --color-box-heading-core: #BFCCC9;
  --color-bulletpoint-core: #4AD9FF;
  --color-heading-1-core: #766A08;
  --color-heading-2-core: #25A1AA;
  --color-heading-3-core: #76030D;
  --color-heading-4-core: #766A08;
  --color-statblock-background-core: #E89914;
  --color-statblock-ornate-core: #705A0F;
  --color-statblock-textbackground-core: #770312;
  --color-statblock-thresholdbackground-core: #705A0F;
  --color-box-aor: #1D3751;
  --color-box-heading-aor: #BFCCC4;
  --color-bulletpoint-aor: #66050A;
  --color-heading-1-aor: #259EAA;
  --color-heading-2-aor: #D03B0E;
  --color-heading-3-aor: #756908;
  --color-heading-4-aor: #259EAA;
  --color-statblock-background-aor: #C2E3D1;
  --color-statblock-ornate-aor: #E22A17;
  --color-statblock-textbackground-aor: #0F3776;
  --color-statblock-thresholdbackground-aor: #770310;
  --font-headings-font: 'Elektra Medium Pro'
  --font-paragraph-text: "ITC Symbol"
  --font-box-heading-font: "Teuton Fett"
  --font-statblock-labels: "Teuton Mager"
  --font-statblock-values: "Teuton Mager"
}

body {
	font-family: "ITC Symbol";
}

.scene-name {
	text-transform: uppercase;
	font-family: 'Teuton Mager';
	font-weight: bold;
	font-size: .8rem;
}

.message-sender {
	font-family: 'Elektra Pro';
	text-transform: uppercase;
	font-size: 1rem;
}

.starwarsffg.sheet.actor {
  .header-fields {
    font-family: 'Elektra Pro';
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;

    .title-card {
      text-transform: uppercase;
      padding: .2rem;
    }

    input {
      text-transform: uppercase;
    }

    .drag-note {
      font-family: 'Teuton Mager';
      font-weight: lighter;
      text-transform: none;
    }
  }

  .block-title, .shadow-text {
    font-family: 'Teuton Mager';
    font-weight: bold;
  }



  .characteristic-value, .characteristic-label, .skill-name, .skillsHeader [class*=pure-u] {
    font-family: 'Teuton Mager';
    
    &[class*=pure-u] {
      font-weight: bold;
      text-transform: uppercase;
    }
  }

} 



h1, h2, h3, h4, h5,
button  {
	font-family: 'Elektra Pro';
}

.swffg-destiny .destiny-points {
	font-family: 'Teuton Mager';
}

.paused, div#tah-character-name {
	font-family: 'SF Distant Galaxy';
}



.starwars-rpg-info {
  .symbol, 
  .difficulty,
  .ability,
  .challenge,
  .setback,
  .proficiency,
  .boost
  {
    font-family: "SW-RPG";
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  }

  .boost {
    color: var(--dice-color-boost);
  }
  .ability {
    color: var(--dice-color-ability);
  }
  .proficiency  {
    color: var(--dice-color-proficiency);
  }

  .symbol {
    color: #000;
  }
  
  .setback {
    color: var(--dice-color-setback);
  }
  .difficulty {
    color: var(--dice-color-difficulty);
  }
  .challenge {
    color: var(--dice-color-challenge);
  }
  
  .symbol {
      color: #000;
  }
  .symbol {
      color: #000;
  }
}