:root[data-theme="geral"]{
  color-scheme: dark;

  --ink:      #1A2130;
  --panel:    #202939;
  --paper:    #EAF0F6;
  --paper-dim:#CBD5E1;
  --muted:    #7C8CA6;
  --red-ink:  #D64545;
  --gold-ink: #2F6FED;
  --extra-ink:#4C9A93;
  --line:     #2E3A50;
  --canvas-grid-line: var(--bg-panel);
  --font-ui:  -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-type: var(--font-ui);

  --text-size: 22px;
  --height: 24px;
  --line-height: var(--height);
  --tile-radius: 4px;

  --effect-3d: 0;

  --tile-locked: #3A4A66;
  --tile-active: #2F6FED;
  --tile-text:   #EAF0F6;

  --bg:        var(--ink);
  --bg-panel:  var(--panel);
  --text:      var(--paper);
  --border:    var(--line);
  --canvas-bg: #131A26;

  --bg-gradient: var(--bg);

  --accent-ink: #6EA0FF;
  --online-ink: #45C48A;
  --found-bg: rgba(47,111,237,0.14);
  --card-shadow: 0 2px 6px rgba(0,0,0,.4);
  --card-shadow-hover: 0 4px 14px rgba(0,0,0,.5);
  --badge-shadow: 0 1px 2px rgba(0,0,0,.35);
  --log-divider: var(--border);

  --modal-bg:          #202939;
  --modal-ink:         var(--paper);
  --modal-muted:       #A9B7CC;
  --modal-hint:        #8393AD;
  --modal-accent:      var(--gold-ink);
  --modal-accent-text: #FFFFFF;
}

:root[data-theme="geral"].day-mode{
  color-scheme: light;

  --bg:        #F4F7FB;
  --bg-panel:  #E3E9F2;
  --text:      #1A2130;
  --border:    #9FB4D8;
  --canvas-bg: #DCE5F0;

  --bg-gradient: var(--bg);

  --tile-locked: #DCE5F0;
  --tile-active: var(--gold-ink);

  --line:      #B7C6DE;
  --canvas-grid-line: #B7C6DE;
  --tile-text: #1A2130;

  --muted:        #46577A;
  --accent-ink:   #1E56D6;
  --online-ink:   #178F56;
  --card-shadow: 0 1px 3px rgba(30,60,110,.15);
  --card-shadow-hover: 0 3px 10px rgba(30,60,110,.2);
  --badge-shadow: 0 1px 2px rgba(30,60,110,.12);
  --extra-ink:    #157B72;
  --repeated-ink: #55688C;
  --log-divider:  #B7C6DE;

  --modal-bg:          #FFFFFF;
  --modal-ink:         var(--ink);
  --modal-muted:       #55688C;
  --modal-hint:        #7C8CA6;
  --modal-accent:      var(--accent-ink);
  --modal-accent-text: #FFFFFF;
}