/* Stonewave Git, light (D-209). The new Stonewave look 1:1, no own values:
   - tokens: stonewave-ui 0.4.0 tokens.css (commit 534a710) = Time "ruhiger Start" (time-ruhig 12ace9d) = Elara landing draft;
   - the second accent-ink #006a87 and the selection colour: stonewavetech.com global.css (stonewave-site b50c037);
   - fonts: DM Sans Variable and DM Mono, the same woff2 files as stonewavetech.com (OFL);
   - main button dark (--ink, text --panel-solid, hover --ink-2) and one accent, cyan (D-178).
   Builds on Forgejo's own light theme and only re-points its colour, font and radius variables; no new UI elements. */
@import url("./theme-forgejo-light.css");

@font-face { font-family: "DM Sans Variable"; src: url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 100 1000; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Sans Variable"; src: url("../fonts/dm-sans-latin-wght-italic.woff2") format("woff2"); font-weight: 100 1000; font-style: italic; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url("../fonts/dm-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url("../fonts/dm-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }

gitea-theme-meta-info {
  --theme-display-name: "Stonewave (hell)";
  --theme-color-scheme: "light";
}

:root {
  /* --- stonewave-ui tokens.css, copied verbatim --- */
  --canvas: #f6f8fa;
  --panel: rgba(255, 255, 255, 0.86);
  --panel-solid: #ffffff;
  --sunk: #f1f4f7;
  --desk: #eef2f5;
  --ink: #1b2230;
  --ink-2: #3d4655;
  --ink-3: #556070;
  --ink-4: #626c7b;
  --line: #e6eaef;
  --line-2: #d9dfe6;
  --accent: #00c2ee;
  --accent-deep: #0096c7;
  --accent-ink: #00799b;
  --accent-wash: rgba(0, 194, 238, 0.1);
  --accent-wash-2: rgba(0, 194, 238, 0.05);
  --ok: #22a55b;
  --ins: rgba(34, 165, 91, 0.14);
  --ins-line: #22a55b;
  --del: #c0392b;
  --warn: #b45309;
  --sw-calendar-cyan: #00b4de;
  --sw-calendar-violet: #8f7cf0;
  --sw-calendar-coral: #f0866a;
  --sw-calendar-green: #3fbf92;
  --sw-calendar-amber: #e0a526;
  --sw-calendar-rose: #e5739a;
  --sw-calendar-slate: #7d8a9c;
  --shadow-panel: 0 1px 2px rgba(20, 30, 45, 0.04), 0 12px 32px rgba(20, 30, 45, 0.05);
  --shadow-float: 0 2px 6px rgba(20, 30, 45, 0.06), 0 24px 60px rgba(20, 30, 45, 0.14);
  --sans: 'DM Sans Variable', 'DM Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mono: 'DM Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --r-panel: 14px;
  --r-card: 12px;
  --r-ctl: 8px;
  --r-pill: 999px;
  /* stonewavetech.com: deeper accent text */
  --accent-ink-site: #006a87;

  /* --- Forgejo variables pointed at the tokens --- */
  --fonts-override: var(--sans);
  --fonts-monospace: var(--mono), var(--fonts-emoji);
  --border-radius: var(--r-ctl);
  --border-radius-medium: var(--r-card);
  --border-radius-full: var(--r-pill);

  --color-primary: var(--accent-ink);
  --color-primary-contrast: var(--panel-solid);
  --color-primary-dark-1: var(--accent-ink);
  --color-primary-dark-2: var(--accent-ink-site);
  --color-primary-dark-3: var(--accent-ink-site);
  --color-primary-dark-4: var(--accent-ink-site);
  --color-primary-light-1: var(--accent-deep);
  --color-primary-light-2: var(--accent);
  --color-primary-light-3: var(--accent);
  --color-primary-light-4: var(--accent);
  --color-primary-light-5: var(--accent-wash);
  --color-primary-light-6: var(--accent-wash);
  --color-primary-light-7: var(--accent-wash-2);
  --color-primary-alpha-10: rgba(0, 121, 155, 0.1);
  --color-primary-alpha-20: rgba(0, 121, 155, 0.2);
  --color-primary-alpha-30: rgba(0, 121, 155, 0.3);
  --color-primary-alpha-40: rgba(0, 121, 155, 0.4);
  --color-primary-alpha-50: rgba(0, 121, 155, 0.5);
  --color-primary-alpha-60: rgba(0, 121, 155, 0.6);
  --color-primary-alpha-70: rgba(0, 121, 155, 0.7);
  --color-primary-alpha-80: rgba(0, 121, 155, 0.8);
  --color-primary-alpha-90: rgba(0, 121, 155, 0.9);
  --color-primary-hover: var(--accent-ink-site);
  --color-primary-active: var(--accent-ink-site);

  --color-secondary: var(--line);
  --color-secondary-dark-1: var(--line);
  --color-secondary-dark-2: var(--line-2);
  --color-secondary-dark-3: var(--line-2);
  --color-secondary-light-1: var(--line);
  --color-secondary-light-2: var(--sunk);
  --color-secondary-light-3: var(--desk);
  --color-secondary-light-4: var(--canvas);

  --color-red: var(--del);
  --color-green: var(--ok);
  --color-orange: var(--warn);

  --color-body: var(--canvas);
  --color-box-header: var(--sunk);
  --color-box-body: var(--panel-solid);
  --color-box-body-highlight: var(--accent-wash-2);
  --color-text-dark: var(--ink);
  --color-text: var(--ink);
  --color-text-light: var(--ink-2);
  --color-text-light-1: var(--ink-3);
  --color-text-light-2: var(--ink-3);
  --color-text-light-3: var(--ink-4);
  --color-footer: var(--canvas);
  --color-timeline: var(--line);
  --color-input-text: var(--ink);
  --color-input-background: var(--panel-solid);
  --color-input-toggle-background: var(--panel-solid);
  --color-input-border: var(--line-2);
  --color-input-border-hover: var(--ink-4);
  --color-header-wrapper: var(--canvas);
  --color-hover: var(--sunk);
  --color-active: var(--desk);
  --color-menu: var(--panel-solid);
  --color-card: var(--panel-solid);
  --fancy-card-bg: var(--sunk);
  --fancy-card-border: var(--line);
  --color-markup-code-block: var(--sunk);
  --color-markup-code-inline: var(--desk);
  --color-button: var(--sunk);
  --color-code-bg: var(--panel-solid);
  --color-secondary-bg: var(--sunk);
  --color-expand-button: var(--line);
  --color-editor-line-highlight: var(--sunk);
  --color-nav-bg: var(--panel-solid);
  --color-nav-hover-bg: var(--sunk);
  --color-secondary-nav-bg: var(--canvas);
  --color-accent: var(--accent);
  --color-small-accent: var(--accent-wash);
  --color-highlight-fg: var(--accent);
  --color-highlight-bg: var(--accent-wash);
  --color-selection-bg: rgba(0, 194, 238, 0.22);
  --color-selection-fg: var(--ink);
  --color-caret: var(--ink);
  accent-color: var(--accent);
}

/* main button: dark everywhere (D-178) */
.ui.primary.button, .ui.primary.buttons .button { background: var(--ink); color: var(--panel-solid); border-color: var(--ink); }
.ui.primary.button:hover, .ui.primary.buttons .button:hover,
.ui.primary.button:focus, .ui.primary.buttons .button:focus { background: var(--ink-2); color: var(--panel-solid); border-color: var(--ink-2); }
.ui.primary.button:active, .ui.primary.buttons .button:active { background: var(--ink-2); }
/* panels, menus and dialogs carry the Stonewave shadows */
.ui.dropdown .menu, .tippy-box, .ui.modal { box-shadow: var(--shadow-float); }
.ui.segment, .ui.attached.segment:first-child, .repository .ui.segment.sub-menu { box-shadow: var(--shadow-panel); }
:focus-visible { outline-color: var(--accent-ink); }
