/* ============================================================
   Mint-Y design tokens — values frozen from linuxmint/mint-themes
   (src/Mint-Y/cinnamon/cinnamon.css, gtk-3.0 sass _colors.scss)
   Accent variants from constants.py.
   ============================================================ */
:root {
  /* accent — Mint-Y default green + variants (constants.py) */
  --accent:            #35a854;
  --accent-hover:      #298141;
  --accent-active:     #2f954a;
  --accent-tint:       rgba(53, 168, 84, .4);
  --accent-text:       #ffffff;

  --destructive:       #F04A50;
  --destructive-hover: #f26267;
  --warning:           #F27835;

  /* surfaces */
  --window-bg:         #F3F3F4;
  --base-bg:           #FFFFFF;
  --header-bg:         #EBEBED;
  --header-bg-backdrop:#F0F0F2;
  --panel-bg:          rgba(243, 243, 244, .99);
  --menu-bg:           #F6F6F7;
  --popover-bg:        #F6F6F7;
  --dialog-bg:         #EBEBED;
  --osd-bg:            #404040;
  --sidebar-bg:        #EBEBED;
  --entry-bg:          #FFFFFF;
  --button-bg:         #FBFBFC;
  --button-hover:      #EFEFF1;
  --button-active:     #E0E0E3;
  --hover-fill:        #D3D3D7;   /* menu/applet item hover */
  --pressed-fill:      #C0C0C6;
  --insensitive-bg:    #DEDEE1;

  /* text */
  --text:              #303030;
  --text-secondary:    #636363;
  --text-insensitive:  rgba(48, 48, 48, .55);
  --text-dim-title:    #9D9D9F;
  --text-on-accent:    #ffffff;

  /* borders & separators */
  --border:            #C9C9CC;
  --border-strong:     #B5B5BD;
  --header-border:     #BDBDBD;
  --separator:         #DFDFDF;
  --entry-border:      #BABABA;
  --focus-ring:        var(--accent);

  /* shadows */
  --shadow-window:     0 10px 34px rgba(20, 24, 28, .30), 0 2px 7px rgba(20, 24, 28, .22);
  --shadow-window-backdrop: 0 5px 18px rgba(20, 24, 28, .18), 0 1px 3px rgba(20, 24, 28, .12);
  --shadow-menu:       0 6px 22px rgba(20, 24, 28, .26), 0 1px 4px rgba(20, 24, 28, .16);
  --shadow-notification: 0 1px 15px 4px #B5B5BD;
  --shadow-tooltip:    0 2px 8px rgba(0, 0, 0, .25);

  /* radii */
  --r-window:          9px;
  --r-headerbar:       9px 9px 0 0;
  --r-menu:            11px;
  --r-item:            6px;
  --r-button:          3px;
  --r-entry:           3px;
  --r-dialog:          18px;
  --r-pill:            9999px;
  --r-osd:             20px;
  --r-tooltip:         5px;
  --r-notification:    5px;

  /* layout */
  --panel-height:      40px;
  --titlebar-height:   36px;
  --headerbar-height:  46px;

  /* type */
  --font-ui:           "Ubuntu", "Ubuntu Sans", Cantarell, "Segoe UI", system-ui, sans-serif;
  --font-mono:         "Ubuntu Mono", "JetBrains Mono", Menlo, monospace;
  --fs-ui:             13px;
  --fs-small:          12px;
  --fs-xsmall:         11px;

  /* motion — Cinnamon timings */
  --t-fast:            100ms;
  --t-med:             170ms;
  --t-slow:            300ms;
  --ease-out:          cubic-bezier(.25, .8, .35, 1);

  /* workarea (JS keeps these in sync with panel state) */
  --work-top: 0px; --work-left: 0px; --work-right: 0px; --work-bottom: var(--panel-height);
}

/* Dark mode (Mint-Y-Dark) — same structure, dark surfaces */
:root[data-dark="true"] {
  --window-bg:         #333339;
  --base-bg:           #2B2B30;
  --header-bg:         #222226;
  --header-bg-backdrop:#26262A;
  --panel-bg:          rgba(34, 34, 38, .99);
  --menu-bg:           #2E2E33;
  --popover-bg:        #2E2E33;
  --dialog-bg:         #333339;
  --sidebar-bg:        #29292E;
  --entry-bg:          #242428;
  --button-bg:         #3A3A40;
  --button-hover:      #45454B;
  --button-active:     #50505A;
  --hover-fill:        #4A4A52;
  --pressed-fill:      #55555E;
  --insensitive-bg:    #3A3A40;

  --text:              #DADADA;
  --text-secondary:    #A5A5AA;
  --text-insensitive:  rgba(218, 218, 218, .45);
  --text-dim-title:    #A7A7AB;

  --border:            #202024;
  --border-strong:     #17171A;
  --header-border:     #17171A;
  --separator:         #3D3D44;
  --entry-border:      #17171A;

  --shadow-window:     0 10px 34px rgba(0, 0, 0, .55), 0 2px 7px rgba(0, 0, 0, .45);
  --shadow-window-backdrop: 0 5px 18px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);
  --shadow-menu:       0 6px 22px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .4);
  --shadow-notification: 0 1px 15px 4px rgba(0, 0, 0, .45);
}