/*
Theme Name: SiGePlan Workspace Theme
Theme URI: https://example.com/sigeplan-workspace-theme
Author: G-A-G / ChatGPT
Description: Workspace theme for SiGePlan frontend app. Includes Customizer options for logo and colors.
Version: 2.0.0
License: GPLv2 or later
Text Domain: sigeplan-workspace
*/

/* Minimal base styling */
:root{
  --sp-primary: #0b5fff;
  --sp-accent: #0a2a66;
  --sp-bg: #f6f7fb;
  --sp-card: #ffffff;
  --sp-text: #0f172a;
  --sp-muted: #475569;
  --sp-border: rgba(15,23,42,.12);
  --sp-radius: 14px;
  --sp-shadow: 0 10px 30px rgba(15,23,42,.08);
  --sp-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

body{
  margin:0;
  font-family: var(--sp-font);
  background: var(--sp-bg);
  color: var(--sp-text);
}

a{ color: var(--sp-primary); text-decoration:none; }
a:hover{ text-decoration:underline; }

.site-header{
  position: sticky;
  top:0;
  z-index: 20;
  background: var(--sp-card);
  border-bottom: 1px solid var(--sp-border);
  box-shadow: 0 2px 10px rgba(15,23,42,.04);
}

.header-inner{
  max-width: 1240px;
  margin: 0 auto;
  padding: 14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 180px;
}
.brand .site-title{
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .2px;
  margin:0;
  color: var(--sp-accent);
}
.brand .site-tagline{
  font-size: 12px;
  margin: 0;
  color: var(--sp-muted);
}

.brand img{
  max-height: 36px;
  width:auto;
}

.nav{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}
.nav a{
  padding: 8px 10px;
  border-radius: 10px;
  color: var(--sp-accent);
  font-weight: 600;
}
.nav a:hover{
  background: rgba(11,95,255,.08);
  text-decoration:none;
}

.container{
  max-width: 1240px;
  margin: 0 auto;
  padding: 22px 18px 48px;
}

.card{
  background: var(--sp-card);
  border: 1px solid var(--sp-border);
  border-radius: var(--sp-radius);
  box-shadow: var(--sp-shadow);
  padding: 18px;
}

.footer{
  padding: 24px 18px;
  border-top: 1px solid var(--sp-border);
  background: var(--sp-card);
}
.footer .inner{
  max-width: 1240px;
  margin: 0 auto;
  color: var(--sp-muted);
  font-size: 13px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

/* Gutenberg */
.wp-site-blocks, .wp-block-group { max-width: 1240px; margin: 0 auto; }