@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Nunito:wght@400;500;600&family=Jost:wght@300;400;500;600&family=Lora:wght@400;600&display=swap');

:root {
  --bg:       #0f1117;
  --bg2:      #161820;
  --bg3:      #1e2028;
  --border:   rgba(255,255,255,0.07);
  --border2:  rgba(255,255,255,0.12);
  --text:     #e8e8e6;
  --text2:    #9a9893;
  --text3:    #5c5b59;
  --accent:   #c8f05a;
  --accent2:  #a8d442;
  --red:      #f05a5a;
  --amber:    #f0a85a;
  --blue:     #5ab4f0;
  --radius:   14px;
  --nav-h:    68px;
  --mono:     'DM Mono', monospace;
  --sans:     'DM Sans', sans-serif;
}

[data-theme="light"] {
  --bg:       #f5f5f0;
  --bg2:      #eeeee8;
  --bg3:      #e5e5de;
  --border:   rgba(0,0,0,0.07);
  --border2:  rgba(0,0,0,0.12);
  --text:     #1a1a18;
  --text2:    #5c5b59;
  --text3:    #9a9893;
  --accent:   #5a9e0f;
  --accent2:  #4a8a0a;
  --red:      #cc2222;
  --amber:    #b86800;
  --blue:     #1a6fa8;
}

[data-font="moderna"]    { --sans: 'DM Sans', sans-serif; }
[data-font="editorial"]  { --sans: 'Playfair Display', serif; }
[data-font="codigo"]     { --sans: 'DM Mono', monospace; }
[data-font="redondeada"] { --sans: 'Nunito', sans-serif; }
[data-font="geometrica"] { --sans: 'Jost', sans-serif; }
[data-font="clasica"]    { --sans: 'Lora', serif; }