/* ======================================================
   Ganit Technology — Brand Tokens
   Primary: Cyan #00C4E8 | Background: Navy #0D1B3E
   ====================================================== */

:root {
  --ganit-navy:      #0D1B3E;
  --ganit-navy-deep: #071027;
  --ganit-cyan:      #00C4E8;
  --ganit-cyan-2:    #4DD9F5;
  --ganit-cyan-dim:  rgba(0,196,232,0.15);
  --ganit-white:     #FFFFFF;
  --ganit-accent:    #F59E0B;
  --ganit-gradient:  linear-gradient(135deg, #00C4E8 0%, #0083B0 100%);
  --ganit-gradient-v: linear-gradient(180deg, #0D1B3E 0%, #071027 100%);
}

/* ---- Ganit Brand Theme ---- */
[data-theme="ganit"] {
  --color-bg:          #071027;
  --color-surface:     #0D1B3E;
  --color-surface-2:   #142254;
  --color-border:      rgba(0,196,232,0.2);
  --color-border-strong: rgba(0,196,232,0.4);
  --color-primary:     #00C4E8;
  --color-primary-fg:  #071027;
  --color-accent:      #4DD9F5;
  --color-secondary:   #0083B0;
  --color-text:        #E8F4F8;
  --color-text-muted:  #7BA8C4;
  --color-error:       #FF6B6B;
  --color-success:     #00E5A0;
  --color-warning:     #F59E0B;
  --calc-btn-bg:       #0D1B3E;
  --calc-btn-hover:    #142254;
  --calc-btn-num:      rgba(20,34,84,0.8);
  --calc-btn-op:       rgba(0,196,232,0.12);
  --calc-btn-op-main:  rgba(0,196,232,0.25);
  --calc-btn-equals:   #00C4E8;
  --calc-btn-clear:    rgba(255,107,107,0.15);
}

/* ---- Footer ---- */
.ganit-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 24px;
  border-top: 1px solid var(--color-border, rgba(0,196,232,0.2));
  background: var(--color-surface, #0D1B3E);
  font-size: 0.8125rem;
  color: var(--color-text-muted, #7BA8C4);
}
.ganit-footer .footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: var(--color-text, #E8F4F8);
}
.footer-logo {
  height: 28px;
  width: auto;
}
.ganit-footer .footer-links {
  display: flex;
  gap: 20px;
}
.ganit-footer .footer-links a {
  color: var(--color-text-muted);
  text-decoration: none;
  font-size: 0.8125rem;
  transition: color 0.15s;
}
.ganit-footer .footer-links a:hover { color: var(--color-primary); }
.ganit-footer .footer-legal { text-align: right; font-size: 0.75rem; line-height: 1.6; }